aboutsummaryrefslogtreecommitdiff
path: root/web/ui/src/lib/stores/toasts.ts
diff options
context:
space:
mode:
Diffstat (limited to 'web/ui/src/lib/stores/toasts.ts')
-rw-r--r--web/ui/src/lib/stores/toasts.ts21
1 files changed, 21 insertions, 0 deletions
diff --git a/web/ui/src/lib/stores/toasts.ts b/web/ui/src/lib/stores/toasts.ts
new file mode 100644
index 0000000..27dd8c4
--- /dev/null
+++ b/web/ui/src/lib/stores/toasts.ts
@@ -0,0 +1,21 @@
+import { writable } from 'svelte/store';
+
+export type ToastKind = 'info' | 'success' | 'error';
+
+export interface Toast {
+ id: number;
+ kind: ToastKind;
+ message: string;
+}
+
+let nextId = 1;
+
+export const toasts = writable<Toast[]>([]);
+
+export function pushToast(message: string, kind: ToastKind = 'info'): void {
+ const id = nextId++;
+ toasts.update((list) => [...list, { id, kind, message }]);
+ setTimeout(() => {
+ toasts.update((list) => list.filter((t) => t.id !== id));
+ }, 2500);
+}