added 'Tools' section in navbar

Author: anserwaseem

src/components/A3S.tsx

@@ -7,7 +7,7 @@ import Typography from "@mui/material/Typography";
 import Menu from "@mui/material/Menu";
 import MenuIcon from "@mui/icons-material/Menu";
 import Container from "@mui/material/Container";
-import Avatar from "@mui/material/Avatar";
+import MoreIcon from "@mui/icons-material/MoreVert";
 import Button from "@mui/material/Button";
 import Tooltip from "@mui/material/Tooltip";
 import MenuItem from "@mui/material/MenuItem";
@@ -114,6 +114,7 @@ export function NavBar() {
               ))}
             </Menu>
           </Box>
+
           <AdbIcon sx={{ display: { xs: "flex", md: "none" }, mr: 1 }} />
           <Typography
             variant="h5"
@@ -133,6 +134,7 @@ export function NavBar() {
           >
             A3S
           </Typography>
+
           <Box sx={{ flexGrow: 1, display: { xs: "none", md: "flex" } }}>
             {pages.map((page) => (
               <Link
@@ -152,6 +154,39 @@ export function NavBar() {
               </Link>
             ))}
           </Box>
+
+          <Box sx={{ display: "flex" }}>
+            <Tooltip title="Tools">
+              <IconButton
+                size="large"
+                aria-label="tools"
+                aria-controls="menu-appbar-tools"
+                aria-haspopup="true"
+                onClick={handleOpenUserMenu}
+                color="inherit"
+              >
+                <MoreIcon />
+              </IconButton>
+            </Tooltip>
+            <Menu
+              id="menu-appbar-tools"
+              anchorEl={anchorElUser}
+              anchorOrigin={{
+                vertical: "bottom",
+                horizontal: "left",
+              }}
+              keepMounted
+              transformOrigin={{
+                vertical: "top",
+                horizontal: "left",
+              }}
+              open={Boolean(anchorElUser)}
+              onClose={handleCloseUserMenu}
+            >
+              <MenuItem onClick={handleCloseUserMenu}>Download</MenuItem>
+              <MenuItem onClick={handleCloseUserMenu}>Upload</MenuItem>
+            </Menu>
+          </Box>
         </Toolbar>
       </Container>
     </AppBar>

src/components/Editor.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useState } from "react";
+import { useState } from "react";
 import { Box, Grid } from "@mui/material";
 import { GridColumns, GridActionsCellItem } from "@mui/x-data-grid";
 import DeleteIcon from "@mui/icons-material/Delete";
@@ -467,14 +467,6 @@ const Editor = () => {
               : l
           );
 
-
-          // const updatedRemovedTransitions = prev.filter(
-          //   (l) =>
-          //     !removedTransitions.find(
-          //       (r) =>
-          //         r.props.start === l.props.start && r.props.end === l.props.end
-          //     )
-          // );
           console.log("updatedRemovedTransitions", updatedRemovedTransitions);
 
           // update addedTransitions's labels & value if it's are already present

src/enums/pages.ts

@@ -1,8 +1,10 @@
 export enum Pages {
-  Editor = "Editor",	
-  ConvertNFAToDFA = "Convert NFA to DFA",
-  MinimizeDFA = "Minimize DFA",
-  TestAString = "Test a String",
+  Editor = "Editor",
+  NFA_TO_DFA = "NFA to DFA",
+  MIN_DFA = "Minimize DFA",
+  TEST_STRING = "Test a String",
+  Is_DFA = "Is DFA",
+  Is_NFA = "Is NFA",
   Help = "Help",
   About = "About",
 }

src/features/Download.tsx

@@ -0,0 +1 @@
+export const Download = () => {};