Added state logic

voxel51 · Oct 22, 2024 · b2b61b7 · b2b61b7
1 parent e84f076
commit b2b61b7
Showing 1 changed file with 11 additions and 6 deletions.
diff --git a/app/packages/components/src/components/Toast/Toast.tsx b/app/packages/components/src/components/Toast/Toast.tsx
@@ -10,7 +10,12 @@ interface ToastProps {
 }
 
 const Toast: React.FC<ToastProps> = ({message, primary, secondary, duration = 5000 }) => {
-  const [open, setOpen] = useState(true);
+  const toastStateAtom = atom({
+    key: "open",
+    default: true,
+  });
+
+  const [open, setOpen] = useRecoilState(toastStateAtom); // State management for toast visibility
 
   const handleClose = (event, reason) => {
     if (reason === "clickaway") {
@@ -20,11 +25,11 @@ const Toast: React.FC<ToastProps> = ({message, primary, secondary, duration = 50
   };
 
   const action = (
-  <div>
-    {primary}
-    {secondary}
-  </div>
-);
+    <div>
+      {primary(setOpen)} {/* Pass setOpen to primary button */}
+      {secondary(setOpen)} {/* Pass setOpen to secondary button */}
+    </div>
+  );
 
   return (
     <Snackbar