Spaces:
Running
Running
File size: 2,400 Bytes
c2ea5ed |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 |
import React, { createContext, useContext, useState, ReactNode } from "react";
import { NotificationData } from "@/types";
import { generateId } from "@/lib/utils";
import { toast } from "@/hooks/use-toast";
interface NotificationContextType {
notifications: NotificationData[];
showNotification: (notification: Omit<NotificationData, "id">) => void;
removeNotification: (id: string) => void;
clearAll: () => void;
}
const NotificationContext = createContext<NotificationContextType | undefined>(
undefined
);
export function NotificationProvider({ children }: { children: ReactNode }) {
const [notifications, setNotifications] = useState<NotificationData[]>([]);
const showNotification = (notification: Omit<NotificationData, "id">) => {
const id = generateId();
const newNotification: NotificationData = { ...notification, id };
setNotifications((prev) => [...prev, newNotification]);
// Use shadcn toast with proper variants based on type
const getToastVariant = (type: string) => {
switch (type) {
case "success":
return "success" as const;
case "error":
return "destructive" as const;
case "warning":
return "warning" as const;
case "info":
return "info" as const;
default:
return "default" as const;
}
};
const variant = getToastVariant(notification.type);
toast({
title: notification.title,
description: notification.message,
variant,
duration: notification.duration || 5000,
});
// Auto-remove after duration
if (notification.duration !== 0) {
setTimeout(() => {
removeNotification(id);
}, notification.duration || 5000);
}
};
const removeNotification = (id: string) => {
setNotifications((prev) => prev.filter((n) => n.id !== id));
};
const clearAll = () => {
setNotifications([]);
};
return (
<NotificationContext.Provider
value={{
notifications,
showNotification,
removeNotification,
clearAll,
}}
>
{children}
</NotificationContext.Provider>
);
}
export function useNotification() {
const context = useContext(NotificationContext);
if (context === undefined) {
throw new Error(
"useNotification must be used within a NotificationProvider"
);
}
return context;
}
|