47 lines
1.1 KiB
TypeScript
47 lines
1.1 KiB
TypeScript
import { writable } from 'svelte/store';
|
|
|
|
export const toasts = writable<Toast[]>([]);
|
|
|
|
type Toast = {
|
|
id: string;
|
|
type: 'success' | 'error' | 'info' | 'warning';
|
|
text: string;
|
|
};
|
|
|
|
function addToast(
|
|
text: string,
|
|
type: 'success' | 'error' | 'warning' | 'info' = 'info',
|
|
dismissible: boolean
|
|
) {
|
|
const id: string = `toast-${
|
|
crypto.randomUUID
|
|
? crypto.randomUUID()
|
|
: Math.floor(Date.now() * Math.random() * 100).toString()
|
|
}`;
|
|
|
|
toasts.update((all) => [
|
|
...all,
|
|
{
|
|
id: id,
|
|
text: text,
|
|
dismissible: dismissible,
|
|
type: type
|
|
}
|
|
]);
|
|
}
|
|
|
|
function dismiss(id: string) {
|
|
toasts.update((all) => all.filter((x) => x.id !== id));
|
|
}
|
|
|
|
export const toast = {
|
|
clear: () => toasts.set([]),
|
|
error: (text: string | null, dismissible = true) =>
|
|
addToast(text ?? 'En feil oppstod', 'error', dismissible),
|
|
info: (text: string, dismissible = true) => addToast(text, 'info', dismissible),
|
|
warning: (text: string, dismissible = true) => addToast(text, 'warning', dismissible),
|
|
success: (text: string | null, dismissible = true) =>
|
|
addToast(text ?? 'Suksess', 'success', dismissible),
|
|
dismiss: dismiss
|
|
};
|