File size: 1,477 Bytes
eb846d0 |
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 |
import React, { createContext, useContext, useState, ReactNode, useCallback } from 'react';
import Toast, { ToastType } from '@/components/ui/Toast';
interface ToastContextProps {
showToast: (message: string, type?: ToastType, duration?: number) => void;
}
const ToastContext = createContext<ToastContextProps | undefined>(undefined);
export const useToast = () => {
const context = useContext(ToastContext);
if (!context) {
throw new Error('useToast must be used within a ToastProvider');
}
return context;
};
interface ToastProviderProps {
children: ReactNode;
}
export const ToastProvider: React.FC<ToastProviderProps> = ({ children }) => {
const [toast, setToast] = useState<{
message: string;
type: ToastType;
visible: boolean;
duration: number;
}>({
message: '',
type: 'info',
visible: false,
duration: 3000,
});
const showToast = useCallback((message: string, type: ToastType = 'info', duration: number = 3000) => {
setToast({
message,
type,
visible: true,
duration,
});
}, []);
const hideToast = useCallback(() => {
setToast((prev) => ({ ...prev, visible: false }));
}, []);
return (
<ToastContext.Provider value={{ showToast }}>
{children}
<Toast
message={toast.message}
type={toast.type}
duration={toast.duration}
onClose={hideToast}
visible={toast.visible}
/>
</ToastContext.Provider>
);
}; |