Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 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 | import React, { createContext } from 'react';
import { Toast, useToast } from '@lib/components/Toast';
interface ToastData {
text: string;
}
const ToastContext = createContext<{
openToast: (data: ToastData) => unknown;
}>({
openToast: () => {
// pass
}
});
export const useToastContext = () => React.useContext(ToastContext);
export function ToastProvider({ children }: { children: React.ReactNode }) {
const { props: toastProps, openToast } = useToast();
const value = React.useMemo(() => ({ openToast }), [openToast]);
return (
<ToastContext.Provider value={value}>
{children}
{toastProps.text && <Toast {...toastProps} text={toastProps.text} />}
</ToastContext.Provider>
);
}
|