removed unused imports and some commented code

Author: anserwaseem

src/common/HelpCard.tsx

@@ -4,12 +4,6 @@ import CardMedia from "@mui/material/CardMedia";
 import Typography from "@mui/material/Typography";
 import { HelpCardProps } from "./props/HelpCardProps";
 
-const testWebm =
-  "https://github.com/anserwaseem/automadeasy-videos/raw/main/help/video-webm.webm";
-
-const testMp4 =
-  "https://github.com/anserwaseem/automadeasy-videos/raw/main/help/video-mp4.mp4";
-
 export const HelpCard = (props: HelpCardProps) => {
   return (
     <Card>

src/components/Contact.tsx

@@ -33,17 +33,13 @@ export const Contact = () => {
         Contact Us
       </Typography>
       <FormControl fullWidth onSubmit={handleSubmit}>
-        {/* <Grid container direction={"column"}>
-          <Grid item> */}
         <TextField
           id="subject"
           label="Subject"
           value={subject}
           onChange={(e) => setSubject(e?.target?.value || "")}
           sx={{ pb: "1rem" }}
         />
-        {/* </Grid>
-          <Grid item> */}
         <TextField
           id="email"
           label="Email"
@@ -52,13 +48,6 @@ export const Contact = () => {
           onChange={(e) => setEmail(e?.target?.value || "")}
           sx={{ pb: "1rem" }}
         />
-        {/* <InputLabel htmlFor="email">Email address</InputLabel>
-          <Input id="email" aria-describedby="email" />
-          <FormHelperText id="email">
-            We'll never share your email.
-          </FormHelperText> */}
-        {/* </Grid>
-          <Grid item> */}
         <TextField
           id="message"
           label="Message"
@@ -67,8 +56,6 @@ export const Contact = () => {
           onChange={(e) => setMessage(e?.target?.value || "")}
           sx={{ pb: "1rem" }}
         />
-        {/* </Grid>
-        </Grid> */}
         <Button variant="contained" type="submit" onClick={handleSubmit}>
           Submit
         </Button>

src/components/Help.tsx

@@ -81,13 +81,4 @@ export const Help = () => {
       ))}
     </div>
   );
-
-  //   return (
-  //     <>
-  //       <video controls loop autoPlay={true} muted playsInline>
-  //         <source src={testMp4} type="video/mp4" />
-  //         Sorry, your browser doesn't support embedded videos.
-  //       </video>
-  //     </>
-  //   );
 };

src/components/Navbar.tsx

@@ -7,7 +7,6 @@ import Menu from "@mui/material/Menu";
 import MenuIcon from "@mui/icons-material/Menu";
 import Container from "@mui/material/Container";
 import Button from "@mui/material/Button";
-import AdbIcon from "@mui/icons-material/Adb";
 import { Pages } from "../enums/Pages";
 import { Link as RouterLink } from "react-router-dom";
 import Link from "@mui/material/Link";

src/features/TestAString.tsx

@@ -8,7 +8,6 @@ import { useContext, useEffect, useState } from "react";
 import { TestAStringProps } from "./props/TestAStringProps";
 import {
   Box,
-  Typography,
   Grid,
   ButtonGroup,
   FormControl,

src/features/Upload.tsx

@@ -3,7 +3,7 @@ import { Button, MenuItem } from "@mui/material";
 import FileUploadRoundedIcon from "@mui/icons-material/FileUploadRounded";
 import { AutomataData } from "../components/types/AutomataData";
 import { DataContext } from "../components/Editor";
-import { RowModel, TransitionModel } from "../models";
+import { TransitionModel } from "../models";
 import { StyledTransitionLabel } from "./components/playground/StyledTransitionLabel";
 import { UploadProps } from "./props/UploadProps";
 import { StateMaxSize, StateMinSize } from "../consts/StateSizes";

src/features/components/minimzeDfa/MinimizedDfa.tsx

@@ -36,8 +36,6 @@ import { CustomAppBar } from "../../../common/CustomAppBar";
 import { CustomDrawer } from "../../../common/CustomDrawer";
 import { CustomAppBarProps } from "../../../common/props/CustomAppBarProps";
 import { CustomDrawerProps } from "../../../common/props/CustomDrawerProps";
-import { GetDrawerTransitionTableColumns } from "../../../utils/GetDrawerTransitionTableColumns";
-import { GetDrawerTransitionTableRows } from "../../../utils/GetDrawerTransitionTableRows";
 
 let sliceIndex = 0; // index of such row (of Equivalence table) is saved where more than one Ticks are present
 let transitionIndex = 0; // used to keep track of which (transition table's) row's transitions are being animated

src/index.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
 import App from './App';