diff --git a/app/components/Toast.tsx b/app/components/Toast.tsx index e44a8a99f..50e6dbc34 100644 --- a/app/components/Toast.tsx +++ b/app/components/Toast.tsx @@ -29,8 +29,27 @@ function Toast({ closeAfterMs = 3000, onRequestClose, toast }: Props) { } }, [reoccurring]); + const handlePause = React.useCallback(() => { + if (timeout.current) { + clearTimeout(timeout.current); + } + }, []); + + const handleResume = React.useCallback(() => { + if (timeout.current) { + timeout.current = setTimeout( + onRequestClose, + toast.timeout || closeAfterMs + ); + } + }, [onRequestClose, toast, closeAfterMs]); + return ( - + {type === "info" && } {type === "success" && } @@ -88,6 +107,7 @@ const Message = styled.div` display: inline-block; font-weight: 500; padding: 10px 4px; + user-select: none; `; export default Toast;