Added router and dynamics page

UCI-HyperXite · Jun 1, 2024 · d0fa8a6 · d0fa8a6
1 parent 7c37632
commit d0fa8a6
Show file tree

Hide file tree

Showing 7 changed files with 81 additions and 567 deletions.
diff --git a/control-station/package-lock.json b/control-station/package-lock.json
diff --git a/control-station/package.json b/control-station/package.json
@@ -18,6 +18,7 @@
 		"@mui/x-charts": "^7.6.1",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
+		"react-router-dom": "^6.23.1",
 		"socket.io-client": "^4.7.2"
 	},
 	"devDependencies": {

diff --git a/control-station/src/App.tsx b/control-station/src/App.tsx
@@ -2,6 +2,8 @@ import { ControlPanel, Navbar } from "@/components";
 import usePodData from "./services/usePodData";
 import PodContext from "./services/PodContext";
 import { Dashboard } from "@/views";
+import { BrowserRouter, Route, Routes } from "react-router-dom";
+import Dynamics from "./components/Dynamics/Dynamics";
 
 function App() {
 	const { podData, podSocketClient } = usePodData();
@@ -10,7 +12,12 @@ function App() {
 		<main>
 			<PodContext.Provider value={{ podData, podSocketClient }}>
 				<Navbar />
-				<Dashboard />
+				<BrowserRouter>
+					<Routes>
+						<Route path="/" element={<Dashboard />} />
+						<Route path="dynamics" element={<Dynamics />} />
+					</Routes>
+				</BrowserRouter>
 				<ControlPanel />
 			</PodContext.Provider>
 		</main>

diff --git a/control-station/src/components/Dynamics/Dynamics.tsx b/control-station/src/components/Dynamics/Dynamics.tsx
@@ -0,0 +1,3 @@
+export default function Dynamics() {
+	return <div>Dynamics</div>;
+}
diff --git a/control-station/src/data/images/FrontPod.png b/control-station/src/data/images/FrontPod.png
diff --git a/control-station/src/data/images/SidePod.png b/control-station/src/data/images/SidePod.png