Toasts should not disappear on hover

mrdjohnson · Nov 23, 2024 · cfc1aa3 · cfc1aa3
1 parent 68b2646
commit cfc1aa3
Showing 1 changed file with 2 additions and 12 deletions.
diff --git a/src/components/ToastCenter.tsx b/src/components/ToastCenter.tsx
@@ -9,21 +9,11 @@ const ToastCenter = observer(() => {
   const [hovering, setHovering] = useState(false)
 
   const { toasts } = toastStore
-
-  useEffect(() => {
-    if (hovering) return
-
-    const timeout = setTimeout(() => {
-      toastStore.clearToasts()
-    }, 3000)
-
-    return () => clearTimeout(timeout)
-  }, [hovering])
-
+
   // this effect will run every render, yes
   // but it will also auto update whenever there is a change to toasts
   useEffect(() => {
-    if (_.isEmpty(toasts)) return
+    if (hovering || _.isEmpty(toasts)) return
 
     const timeout = setTimeout(() => {
       toastStore.clearToasts()