1
0
Fork 1
mirror of https://github.com/hay-kot/homebox.git synced 2024-12-25 08:16:32 +00:00
homebox/frontend/composables/use-notifier.ts

56 lines
1.1 KiB
TypeScript
Raw Permalink Normal View History

import { useId } from "./use-ids";
2022-08-31 00:07:21 +00:00
interface Notification {
id: string;
message: string;
type: "success" | "error" | "info";
2022-08-31 00:07:21 +00:00
}
const notifications = ref<Notification[]>([]);
function addNotification(notification: Notification) {
notifications.value.unshift(notification);
2022-08-31 00:07:21 +00:00
if (notifications.value.length > 4) {
notifications.value.pop();
} else {
setTimeout(() => {
// Remove notification with ID
notifications.value = notifications.value.filter(n => n.id !== notification.id);
}, 5000);
}
2022-08-31 00:07:21 +00:00
}
export function useNotifications() {
return {
notifications,
dropNotification: (idx: number) => notifications.value.splice(idx, 1),
};
2022-08-31 00:07:21 +00:00
}
export function useNotifier() {
return {
success: (message: string) => {
addNotification({
id: useId(),
message,
type: "success",
});
},
error: (message: string) => {
addNotification({
id: useId(),
message,
type: "error",
});
},
info: (message: string) => {
addNotification({
id: useId(),
message,
type: "info",
});
},
};
2022-08-31 00:07:21 +00:00
}