need to commit to switch branch

web/src/components/MemoActionMenu.tsx

@@ -89,51 +89,46 @@ const MemoActionMenu = observer((props: Props) => {
       return;
     }
   };
-                                      //() => Promise.resolve(42)
+  //() => Promise.resolve({})
   const handleToggleMemoStatusClick = async () => {
-    //just review async in notes
     //changing the state
-    const state = memo.state === State.ARCHIVED 
-                  ? State.NORMAL 
-                  : State.ARCHIVED;
+    const state = memo.state === State.ARCHIVED ? State.NORMAL : State.ARCHIVED;
     //showing message depending on state
-    const message = memo.state === State.ARCHIVED 
-                    ? t("message.restored-successfully") 
-                    : t("message.archived-successfully");
+    const message = memo.state === State.ARCHIVED ? t("message.restored-successfully") : t("message.archived-successfully");
     try {
       await memoStore.updateMemo(
         {
           name: memo.name,
-          state
+          state,
         },
         ["state"],
       );
 
-    // Show toast with Undo button
-    toast.custom((tToast) => (
-      <div className="flex items-center gap-3 bg-white dark:bg-gray-800 p-3 rounded-xl shadow">
-        <span>{message}</span>
-        <button
-          className="ml-auto text-blue-600 hover:underline"
-          onClick={async () => {
-            // Undo action: revert to previous state
-            await memoStore.updateMemo(
-              {
-                name: memo.name,
-                state: memo.state, // revert to old state
-              },
-              ["state"],
-            );
-            toast.dismiss(tToast.id); // close the toast
-            toast.success(t("message.undo-successful")); // optional success toast
-            memoUpdatedCallback();
-          }}
-        >
-          {t("common.undo")}
-        </button>
-      </div>
-    ));
-
+      // Show toast with Undo button
+      //input is function that takes in the toast object we will work with and it will be used in the output of the higher order function
+      toast.custom((tToast) => ( 
+        <div className="flex items-center gap-3 bg-white dark:bg-gray-800 p-3 rounded-xl shadow"> 
+          <span>{message}</span> 
+          <button
+            className="ml-auto text-blue-600 hover:underline" 
+            onClick={async () => {
+              // Undo action: revert to previous state
+              await memoStore.updateMemo(
+                {
+                  name: memo.name,
+                  state: memo.state, // revert to old state
+                },
+                ["state"],
+              );
+              toast.dismiss(tToast.id); // close the toast
+              toast.success(t("message.undo-successful")); // optional success toast
+              memoUpdatedCallback();
+            }}
+          >
+            {t("common.undo")}
+          </button>
+        </div>
+      ));
     } catch (error: any) {
       toast.error(error.details);
       console.error(error);