Add download status option

Author: risenW

src/frontend/components/IconMenu/file.tsx

@@ -56,8 +56,10 @@ export default function FileMenu() {
   }
 
   const downloadActiveNotebook = async () => {
+    dispatch(setNotebookSavingStatus("downloading"))
     const currentNotebook = {...notebooks[activeNotebookName]}
     await downloadAsNewNotebook(currentNotebook)
+    dispatch(setNotebookSavingStatus("downloaded"))
   }
 
 

src/frontend/components/MenuBar/saveStatusLabel.tsx

@@ -1,6 +1,7 @@
 import { NotebookSaveStatus } from "../../lib/typings/types";
 import { Chip } from "@mui/material";
 import CheckIcon from '@mui/icons-material/Check';
+import { FileDownload } from "@mui/icons-material";
 
 export default function SaveStatusLabel({ notebookStatus }: { notebookStatus: NotebookSaveStatus }) {
     switch (notebookStatus) {
@@ -23,6 +24,26 @@ export default function SaveStatusLabel({ notebookStatus }: { notebookStatus: No
                 label={"* Not Saved"}
                 color='secondary'
             />
+        case "error":
+            return <Chip
+                size='small'
+                label={"Error"}
+                color='error'
+            />
+        case "downloading":
+            return <Chip
+                size='small'
+                label={"Downloading..."}
+                color='info'
+                icon={<FileDownload />}
+            />
+        case "downloaded":
+            return <Chip
+                size='small'
+                label={"Downloaded"}
+                color='success'
+                icon={<CheckIcon />}
+            />
         default:
             return <div></div>
     }

src/frontend/lib/typings/types.tsx

@@ -59,7 +59,7 @@ export type CellLanguages = {
     }
 }
 
-export type NotebookSaveStatus = "unsaved" | "saving" | "saved";
+export type NotebookSaveStatus = "unsaved" | "saving" | "saved" | "error" | "downloading" | "downloaded"
 
 export type AppState = {
     interpreterMode: string;