restructured pages folder

Author: anserwaseem

src/App.tsx

@@ -1,7 +1,7 @@
 import "./App.css";
 import { BrowserRouter as Router, Route, Routes } from "react-router-dom";
 import { Automadeasy } from "./pages/Automadeasy";
-import { NavBar } from "./pages/Navbar";
+import { NavBar } from "./pages/components/Navbar";
 import { Editor } from "./pages/Editor";
 import { Pages } from "./enums/Pages";
 import { Help } from "./pages/Help";

src/pages/types/AutomataData.ts renamed to src/common/types/AutomataData.ts

@@ -1,4 +1,4 @@
-export interface PlaygroundSize {
+export type PlaygroundSize = {
   width: number;
   height: number;
 }

src/pages/types/PlaygroundSize.ts renamed to src/common/types/PlaygroundSize.ts

@@ -4,7 +4,7 @@ import { DataContext } from "../pages/Editor";
 import FileDownloadRoundedIcon from "@mui/icons-material/FileDownloadRounded";
 import { DownloadProps } from "./props/DownloadProps";
 import { TransitionModel } from "../models";
-import { AutomataData } from "../pages/types/AutomataData";
+import { AutomataData } from "../common/types/AutomataData";
 
 export const Download = (props: DownloadProps) => {
   console.log("re rendering Download: props", props);

src/pages/types/AvailableTools.ts renamed to src/consts/AvailableTools.ts

@@ -1,7 +1,7 @@
 import { useContext } from "react";
 import { Button, MenuItem } from "@mui/material";
 import FileUploadRoundedIcon from "@mui/icons-material/FileUploadRounded";
-import { AutomataData } from "../pages/types/AutomataData";
+import { AutomataData } from "../common/types/AutomataData";
 import { DataContext } from "../pages/Editor";
 import { TransitionModel } from "../models";
 import { StyledTransitionLabel } from "./components/playground/StyledTransitionLabel";

src/features/Download.tsx

@@ -1,4 +1,4 @@
-import { PlaygroundSize } from "../../../../pages/types/PlaygroundSize";
+import { PlaygroundSize } from "../../../../common/types/PlaygroundSize";
 import { RowModel } from "../../../../models";
 
 export type ResultantDfaProps = {

src/features/Upload.tsx

@@ -1,6 +1,6 @@
 import { MutableRefObject, useLayoutEffect, useRef, useState } from "react";
 import useResizeObserver from "@react-hook/resize-observer";
-import { PlaygroundSize } from "../../pages/types/PlaygroundSize";
+import { PlaygroundSize } from "../../common/types/PlaygroundSize";
 import { DraggableStateModel } from "../../models";
 
 export default function useElementSize<T extends HTMLElement = HTMLDivElement>(

src/features/components/nfaToDfa/props/ResultantDfaProps.ts

@@ -1,5 +1,5 @@
 import { GridColumns } from "@mui/x-data-grid";
-import { PlaygroundSize } from "../../pages/types/PlaygroundSize";
+import { PlaygroundSize } from "../../common/types/PlaygroundSize";
 import { RowModel, DraggableStateModel, TransitionModel } from "../../models";
 
 export type MinimizeDfaProps = {

src/features/hooks/useElementSize.ts

@@ -1,4 +1,4 @@
-import { PlaygroundSize } from "../../pages/types/PlaygroundSize";
+import { PlaygroundSize } from "../../common/types/PlaygroundSize";
 import { DraggableStateModel, RowModel, TransitionModel } from "../../models";
 import { SelectedElementType } from "./SelectedElementType";