added paperless ui

src-ui/src/app/components/common/toasts/toasts.component.ts

@@ -0,0 +1,26 @@
+import { Component, OnDestroy, OnInit } from '@angular/core';
+import { Subscription } from 'rxjs';
+import { Toast, ToastService } from 'src/app/services/toast.service';
+
+@Component({
+  selector: 'app-toasts',
+  templateUrl: './toasts.component.html',
+  styleUrls: ['./toasts.component.css']
+})
+export class ToastsComponent implements OnInit, OnDestroy {
+
+  constructor(private toastService: ToastService) { }
+
+  subscription: Subscription
+
+  toasts: Toast[] = []
+
+  ngOnDestroy(): void {
+    this.subscription.unsubscribe()
+  }
+
+  ngOnInit(): void {
+    this.subscription = this.toastService.getToasts().subscribe(toasts => this.toasts = toasts)
+  }
+
+}