Function useToastNotification

packages/shared/src/hooks/useToastNotification.ts:57–90

()

>;

export const useToastNotification = (): UseToastNotification => {
  const client = useQueryClient();
  const { data: toast } = useQuery<ToastNotification | null>({
    queryKey: TOAST_NOTIF_KEY,
    queryFn: () =>
      client.getQueryData<ToastNotification | null>(TOAST_NOTIF_KEY) ?? null,
    initialData: () =>
      client.getQueryData<ToastNotification | null>(TOAST_NOTIF_KEY) ?? null,
  });
  const setToastNotification = (data: ToastNotification) =>
    client.setQueryData(TOAST_NOTIF_KEY, data);

  const displayToast = (
    message: ReactNode,
    { timer = 5000, ...props }: NotifyOptionalProps = {},
  ) => setToastNotification({ message, timer, ...props });

  return useMemo(
    () => ({
      displayToast,
      subject: toast?.subject,
      dismissToast: () => {
        if (!toast) {
          return;
        }

        setToastNotification({ ...toast, timer: 0 });
      },
    }),
    // @NOTE see https://dailydotdev.atlassian.net/l/cp/dK9h1zoM
    // eslint-disable-next-line react-hooks/exhaustive-deps
    [toast],
  );
};