Function setToast

components/toast.tsx:138–152

(props: ToastProps | null)

  const [visible, setVisible] = useState<boolean>(false);

  const setToast = (props: ToastProps | null) => {
    if (props === null) {
      setVisible(false);
      // setTimeout used for smooth transition
      const timeout = setTimeout(() => {
        setToastProps(props);
      }, 500);

      setToastTimeout(timeout);
    } else {
      clearTimeout(toastTimeout);
      setToastProps({ id: Date.now().toString(), ...props });
      setVisible(true);
    }
  };

  const handleClose = () => {
    setToast(null);