renamed src/components folder to src/pages for better folder structuring

anserwaseem · anserwaseem · commit 32ba1a74e617 · 2023-01-07T12:03:22.000+05:00
diff --git a/src/App.tsx b/src/App.tsx
@@ -1,11 +1,11 @@
 import "./App.css";
 import { BrowserRouter as Router, Route, Routes } from "react-router-dom";
-import { Automadeasy } from "./components/Automadeasy";
-import { NavBar } from "./components/Navbar";
-import { Editor } from "./components/Editor";
+import { Automadeasy } from "./pages/Automadeasy";
+import { NavBar } from "./pages/Navbar";
+import { Editor } from "./pages/Editor";
 import { Pages } from "./enums/Pages";
-import { Help } from "./components/Help";
-import { Contact } from "./components/Contact";
+import { Help } from "./pages/Help";
+import { Contact } from "./pages/Contact";
 
 function App() {
   return (
diff --git a/src/features/Download.tsx b/src/features/Download.tsx
@@ -1,14 +1,14 @@
 import { Button, MenuItem } from "@mui/material";
 import { useContext } from "react";
-import { DataContext } from "../components/Editor";
+import { DataContext } from "../pages/Editor";
 import FileDownloadRoundedIcon from "@mui/icons-material/FileDownloadRounded";
 import { DownloadProps } from "./props/DownloadProps";
 import { TransitionModel } from "../models";
-import { AutomataData } from "../components/types/AutomataData";
+import { AutomataData } from "../pages/types/AutomataData";
 
 export const Download = (props: DownloadProps) => {
   console.log("re rendering Download: props", props);
-  
+
   const dataContext = useContext(DataContext);
 
   return (
diff --git a/src/features/MinimizeDfa.tsx b/src/features/MinimizeDfa.tsx
@@ -2,7 +2,7 @@ import { useContext, useState } from "react";
 import { PossibleTransitionValues } from "../consts/PossibleTransitionValues";
 import { EquivalentStates } from "./components/minimzeDfa/EquivalentStates";
 import { EquivalentStatesProps } from "./components/minimzeDfa/props/EquivalentStatesProps";
-import { DataContext } from "../components/Editor";
+import { DataContext } from "../pages/Editor";
 import { EquivalentStatesRowModel } from "../models/minimizeDfa/EquivalentStatesRowModel";
 import { MinimizedDfaProps } from "./components/minimzeDfa/props/MinimizedDfaProps";
 import { MinimizedDfa } from "./components/minimzeDfa/MinimizedDfa";
diff --git a/src/features/NfaToDfa.tsx b/src/features/NfaToDfa.tsx
@@ -7,7 +7,7 @@ import { ModifiedTable } from "./components/nfaToDfa/ModifiedTable";
 import { ModifiedTableProps } from "./components/nfaToDfa/props/ModifiedTableProps";
 import { ResultantDfa } from "./components/nfaToDfa/ResultantDfa";
 import { ResultantDfaProps } from "./components/nfaToDfa/props/ResultantDfaProps";
-import { DataContext } from "../components/Editor";
+import { DataContext } from "../pages/Editor";
 import {
   NullClosureStateId,
   ModifiedTableStateId,
diff --git a/src/features/Playground.tsx b/src/features/Playground.tsx
@@ -9,7 +9,7 @@ import Xarrow from "./components/playground/Xarrow";
 import useElementSize from "./hooks/useElementSize";
 import { useEffect } from "react";
 import { XarrowCoreProps } from "./components/playground/props/XarrowProps";
-import { DataContext } from "../components/Editor";
+import { DataContext } from "../pages/Editor";
 import { useContext } from "react";
 import { Box, Grid } from "@mui/material";
 import {
@@ -64,7 +64,7 @@ const Playground = (props: PlaygroundProps) => {
           id="canvas"
           onClick={(event) => {
             console.log("canvas clicked", event);
-            // reset selected state if clicked outside topbarDialog 
+            // reset selected state if clicked outside topbarDialog
             if (
               !(
                 (event.target as any)?.id?.includes("topbarDialog") ||
diff --git a/src/features/TestAString.tsx b/src/features/TestAString.tsx
@@ -24,7 +24,7 @@ import PauseRoundedIcon from "@mui/icons-material/PauseRounded";
 import ReplayRoundedIcon from "@mui/icons-material/ReplayRounded";
 import { ToolsPlaygroundProps } from "./components/tools/props/PlaygroundProps";
 import { DraggableStateModel, TransitionModel } from "../models";
-import { DataContext } from "../components/Editor";
+import { DataContext } from "../pages/Editor";
 import { startingStateColor, stateSelectedColor } from "../consts/Colors";
 import { PossibleTransitionValues } from "../consts/PossibleTransitionValues";
 import { TestStringMaxLength } from "../consts/TestStringMaxLength";
diff --git a/src/features/Upload.tsx b/src/features/Upload.tsx
@@ -1,8 +1,8 @@
 import { useContext } from "react";
 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 { AutomataData } from "../pages/types/AutomataData";
+import { DataContext } from "../pages/Editor";
 import { TransitionModel } from "../models";
 import { StyledTransitionLabel } from "./components/playground/StyledTransitionLabel";
 import { UploadProps } from "./props/UploadProps";
diff --git a/src/features/components/minimzeDfa/EquivalentStates.tsx b/src/features/components/minimzeDfa/EquivalentStates.tsx
@@ -22,7 +22,7 @@ import PauseRoundedIcon from "@mui/icons-material/PauseRounded";
 import ReplayRoundedIcon from "@mui/icons-material/ReplayRounded";
 import { MaxNumberOfStates } from "../../../consts/MaxNumberOfStates";
 import { ToolsTransitionTableProps } from "../tools/props/TransitionTableProps";
-import { DataContext } from "../../../components/Editor";
+import { DataContext } from "../../../pages/Editor";
 import { GetBackgroundColor } from "../../../utils/GetBackgroundColor";
 import CheckIcon from "@mui/icons-material/Check";
 import ClearIcon from "@mui/icons-material/Clear";
@@ -34,7 +34,7 @@ import { MainContent } from "../../../common/MainContent";
 import { CustomAppBar } from "../../../common/CustomAppBar";
 import { CustomDrawer } from "../../../common/CustomDrawer";
 import { CustomAppBarProps } from "../../../common/props/CustomAppBarProps";
-import { CustomDrawerProps } from "../../../common/props/CustomDrawerProps"; 
+import { CustomDrawerProps } from "../../../common/props/CustomDrawerProps";
 
 const columnNames = PossibleTransitionValues.filter((value) => value !== "^");
 let columnIndex = 0;
diff --git a/src/features/components/minimzeDfa/MinimizedDfa.tsx b/src/features/components/minimzeDfa/MinimizedDfa.tsx
@@ -19,7 +19,7 @@ import PlayArrowRoundedIcon from "@mui/icons-material/PlayArrowRounded";
 import PauseRoundedIcon from "@mui/icons-material/PauseRounded";
 import ReplayRoundedIcon from "@mui/icons-material/ReplayRounded";
 import { ToolsTransitionTableProps } from "../tools/props/TransitionTableProps";
-import { DataContext } from "../../../components/Editor";
+import { DataContext } from "../../../pages/Editor";
 import { MinimizedDfaProps } from "./props/MinimizedDfaProps";
 import { ToolsPlayground } from "../tools/Playground";
 import { ToolsPlaygroundProps } from "../tools/props/PlaygroundProps";
diff --git a/src/features/components/nfaToDfa/ModifiedTable.tsx b/src/features/components/nfaToDfa/ModifiedTable.tsx
@@ -30,7 +30,7 @@ import { DrawerHeader } from "../../../common/DrawerHeader";
 import { MainContent } from "../../../common/MainContent";
 import { GetDrawerTransitionTableColumns } from "../../../utils/GetDrawerTransitionTableColumns";
 import { GetDrawerTransitionTableRows } from "../../../utils/GetDrawerTransitionTableRows";
-import { DataContext } from "../../../components/Editor";
+import { DataContext } from "../../../pages/Editor";
 import { CustomAppBar } from "../../../common/CustomAppBar";
 import { CustomDrawer } from "../../../common/CustomDrawer";
 import { CustomAppBarProps } from "../../../common/props/CustomAppBarProps";
diff --git a/src/features/components/nfaToDfa/NullClosure.tsx b/src/features/components/nfaToDfa/NullClosure.tsx
@@ -34,7 +34,7 @@ import { DrawerHeader } from "../../../common/DrawerHeader";
 import { MainContent } from "../../../common/MainContent";
 import { GetDrawerTransitionTableRows } from "../../../utils/GetDrawerTransitionTableRows";
 import { GetDrawerTransitionTableColumns } from "../../../utils/GetDrawerTransitionTableColumns";
-import { DataContext } from "../../../components/Editor";
+import { DataContext } from "../../../pages/Editor";
 import { CustomAppBar } from "../../../common/CustomAppBar";
 import { CustomDrawer } from "../../../common/CustomDrawer";
 import { CustomAppBarProps } from "../../../common/props/CustomAppBarProps";
@@ -292,10 +292,7 @@ export const NullClosure = (props: NullClosureProps) => {
     setOpen,
     title: "Transition Table",
     transitionTableProps: {
-      rows: GetDrawerTransitionTableRows(
-        dataContext.rows,
-        ""
-      ),
+      rows: GetDrawerTransitionTableRows(dataContext.rows, ""),
       columns: GetDrawerTransitionTableColumns(dataContext.columns, []),
     },
   };
diff --git a/src/features/components/nfaToDfa/ResultantDfa.tsx b/src/features/components/nfaToDfa/ResultantDfa.tsx
@@ -29,7 +29,7 @@ import PlayArrowRoundedIcon from "@mui/icons-material/PlayArrowRounded";
 import PauseRoundedIcon from "@mui/icons-material/PauseRounded";
 import ReplayRoundedIcon from "@mui/icons-material/ReplayRounded";
 import { StyledTransitionLabel } from "../playground/StyledTransitionLabel";
-import { DataContext } from "../../../components/Editor";
+import { DataContext } from "../../../pages/Editor";
 import {
   ModifiedTableStateId,
   NullClosureStateId,
diff --git a/src/features/components/nfaToDfa/props/ResultantDfaProps.ts b/src/features/components/nfaToDfa/props/ResultantDfaProps.ts
@@ -1,4 +1,4 @@
-import { PlaygroundSize } from "../../../../components/types/PlaygroundSize";
+import { PlaygroundSize } from "../../../../pages/types/PlaygroundSize";
 import { RowModel } from "../../../../models";
 
 export type ResultantDfaProps = {
diff --git a/src/features/components/playground/State.tsx b/src/features/components/playground/State.tsx
@@ -1,7 +1,7 @@
 import Draggable from "react-draggable";
 import { useXarrow } from "react-xarrows";
 import { RowModel, TransitionModel } from "../../../models";
-import { DataContext } from "../../../components/Editor";
+import { DataContext } from "../../../pages/Editor";
 import { useContext } from "react";
 import { StateProps } from "./props/StateProps";
 import { Box } from "@mui/material";
diff --git a/src/features/components/playground/TopBar.tsx b/src/features/components/playground/TopBar.tsx
@@ -9,7 +9,7 @@ import { TopBarActions } from "../../../consts/TopBarActions";
 import { TransitionValuesSeparator } from "../../../consts/TransitionValuesSeparator";
 import { PossibleTransitionValues } from "../../../consts/PossibleTransitionValues";
 import { StyledTransitionLabel } from "./StyledTransitionLabel";
-import { DataContext } from "../../../components/Editor";
+import { DataContext } from "../../../pages/Editor";
 import { useContext, useState } from "react";
 import {
   Dialog,
diff --git a/src/features/components/tools/Playground.tsx b/src/features/components/tools/Playground.tsx
@@ -13,7 +13,7 @@ import {
 import { XarrowCoreProps } from "../playground/props/XarrowProps";
 import { Box } from "@mui/material";
 import { useState, useEffect, useContext } from "react";
-import { DataContext } from "../../../components/Editor";
+import { DataContext } from "../../../pages/Editor";
 import {
   NullClosureStateId,
   ResultantDfaStateId,
diff --git a/src/features/hooks/useElementSize.ts b/src/features/hooks/useElementSize.ts
@@ -1,6 +1,6 @@
 import { MutableRefObject, useLayoutEffect, useRef, useState } from "react";
 import useResizeObserver from "@react-hook/resize-observer";
-import { PlaygroundSize } from "../../components/types/PlaygroundSize";
+import { PlaygroundSize } from "../../pages/types/PlaygroundSize";
 import { DraggableStateModel } from "../../models";
 
 export default function useElementSize<T extends HTMLElement = HTMLDivElement>(
diff --git a/src/features/props/MinimizeDfaProps.ts b/src/features/props/MinimizeDfaProps.ts
@@ -1,5 +1,5 @@
 import { GridColumns } from "@mui/x-data-grid";
-import { PlaygroundSize } from "../../components/types/PlaygroundSize";
+import { PlaygroundSize } from "../../pages/types/PlaygroundSize";
 import { RowModel, DraggableStateModel, TransitionModel } from "../../models";
 
 export type MinimizeDfaProps = {
diff --git a/src/features/props/PlaygroundProps.ts b/src/features/props/PlaygroundProps.ts
@@ -1,4 +1,4 @@
-import { PlaygroundSize } from "../../components/types/PlaygroundSize";
+import { PlaygroundSize } from "../../pages/types/PlaygroundSize";
 import { DraggableStateModel, RowModel, TransitionModel } from "../../models";
 import { SelectedElementType } from "./SelectedElementType";
 
diff --git a/src/pages/Automadeasy.tsx b/src/pages/Automadeasy.tsx
@@ -210,12 +210,13 @@ export const Automadeasy = () => {
 
       <Container
         maxWidth={false}
+        component="footer"
         sx={{
           py: "1rem",
           backgroundColor: homeBackgroundColor,
         }}
       >
-        <Typography variant="subtitle1" color={"black"} align={"center"}>
+        <Typography variant="subtitle1" color={"black"} align={"center"} fontWeight={"bold"}>
           Copyright © {new Date().getFullYear()} Automadeasy
         </Typography>
       </Container>
diff --git a/src/pages/Contact.tsx b/src/pages/Contact.tsx
diff --git a/src/pages/Editor.tsx b/src/pages/Editor.tsx
diff --git a/src/pages/Help.tsx b/src/pages/Help.tsx
diff --git a/src/pages/Navbar.tsx b/src/pages/Navbar.tsx
diff --git a/src/pages/Tools.tsx b/src/pages/Tools.tsx
diff --git a/src/pages/props/ToolsProps.ts b/src/pages/props/ToolsProps.ts
diff --git a/src/pages/types/AutomataData.ts b/src/pages/types/AutomataData.ts
diff --git a/src/pages/types/AvailableTools.ts b/src/pages/types/AvailableTools.ts
diff --git a/src/pages/types/PlaygroundSize.ts b/src/pages/types/PlaygroundSize.ts
diff --git a/src/utils/GenerateXYCoordinatesForNewState.ts b/src/utils/GenerateXYCoordinatesForNewState.ts
@@ -1,4 +1,4 @@
-import { PlaygroundSize } from "../components/types/PlaygroundSize";
+import { PlaygroundSize } from "../pages/types/PlaygroundSize";
 import { StateDefaultSize } from "../consts/StateSizes";
 import { DraggableStateModel } from "../models";
 
