diff --git a/control-station/src/App.tsx b/control-station/src/App.tsx index 1091eb699..bf14da174 100644 --- a/control-station/src/App.tsx +++ b/control-station/src/App.tsx @@ -7,6 +7,7 @@ import { ReactComponent as Wheel } from 'assets/svg/wheel.svg'; import { ReactComponent as Gui } from 'assets/svg/gui.svg'; import { ReactComponent as Cameras } from 'assets/svg/cameras.svg'; import { ReactComponent as TeamLogo } from 'assets/svg/team_logo.svg'; +import { ReactComponent as Batteries } from 'assets/svg/battery-filled.svg' import { SplashScreen, WsHandlerProvider, useLoadBackend } from 'common'; export const App = () => { @@ -20,8 +21,9 @@ export const App = () => { }, - { path: '/cameras', icon: }, - { path: '/guiBooster', icon: } + { path: '/batteries', icon: }, + { path: '/booster', icon: }, + { path: '/cameras', icon: } ]} /> diff --git a/control-station/src/components/GuiModules/GuiModule.module.scss b/control-station/src/components/BoosterModules/BoosterModule.module.scss similarity index 100% rename from control-station/src/components/GuiModules/GuiModule.module.scss rename to control-station/src/components/BoosterModules/BoosterModule.module.scss diff --git a/control-station/src/components/GuiModules/GuiModule.tsx b/control-station/src/components/BoosterModules/BoosterModule.tsx similarity index 95% rename from control-station/src/components/GuiModules/GuiModule.tsx rename to control-station/src/components/BoosterModules/BoosterModule.tsx index e867d7394..cf5bfe0bb 100644 --- a/control-station/src/components/GuiModules/GuiModule.tsx +++ b/control-station/src/components/BoosterModules/BoosterModule.tsx @@ -1,5 +1,5 @@ import React, { useEffect, useState } from "react"; -import styles from "./GuiModule.module.scss"; +import styles from "./BoosterModule.module.scss"; import { useMeasurementsStore } from "common"; @@ -9,7 +9,7 @@ interface CellProps { max: number; } -const GuiModule: React.FC<{ id: string | number }> = ({ id }) => { +const BoosterModule: React.FC<{ id: string | number }> = ({ id }) => { const moduleMinCell = useMeasurementsStore( (state) => (state.getNumericMeasurementInfo(`HVSCU-Cabinet/HVSCU-Cabinet_module_${id}_min_cell`)?.getUpdate() ?? 0) ); @@ -85,5 +85,5 @@ const GuiModule: React.FC<{ id: string | number }> = ({ id }) => { ); }; -export default GuiModule; +export default BoosterModule; diff --git a/control-station/src/hooks/useConnectionContext.ts b/control-station/src/hooks/useConnectionContext.ts new file mode 100644 index 000000000..22a717f0c --- /dev/null +++ b/control-station/src/hooks/useConnectionContext.ts @@ -0,0 +1,28 @@ +import { Connection, useConnections } from 'common'; + +export function useConnectionContext() { + const connections = useConnections(); + + function isDisconnected(connection: Connection): boolean { + return !connection.isConnected; + } + + function any(data: T[], condition: (value: T) => boolean): boolean { + for (const value of data) { + if (condition(value)) { + return true; + } + } + return false; + } + + const lostConnection = any( + [...connections.boards, connections.backend], + isDisconnected + ); + + return { + connections, + lostConnection + }; +} diff --git a/control-station/src/hooks/useEmergencyOrders.ts b/control-station/src/hooks/useEmergencyOrders.ts index b4087a070..860946423 100644 --- a/control-station/src/hooks/useEmergencyOrders.ts +++ b/control-station/src/hooks/useEmergencyOrders.ts @@ -1,5 +1,5 @@ import { Order, useListenKey, useSendOrder } from 'common'; -import { emergencyStopOrders } from 'pages/VehiclePage/Data2Page/FixedOrders'; +import { emergencyStopOrders } from 'pages/VehiclePage/BatteriesPage/FixedOrders'; export function useEmergencyOrders( shortcut: string = ' ', diff --git a/control-station/src/main.tsx b/control-station/src/main.tsx index 1966b4ce7..2209aa666 100644 --- a/control-station/src/main.tsx +++ b/control-station/src/main.tsx @@ -9,10 +9,10 @@ import { } from 'react-router-dom'; import { App } from './App'; import './index.css'; -import { vehicleRoute } from 'pages/VehiclePage/vehicleRoute'; +import { mainPageRoute } from 'pages/VehiclePage/MainPage/mainPageRoute'; import { camerasRoute } from 'pages/CamerasPage/camerasRoute'; -import { tubeRoute } from 'pages/TubePage/tubeRoute'; -import { guiRoute } from 'pages/VehiclePage/GuiBoosterPage/guiRoute'; +import { batteriesRoute } from 'pages/VehiclePage/BatteriesPage/batteriesRoute' +import { boosterRoute } from 'pages/VehiclePage/BoosterPage/boosterRoute'; import { ConfigProvider, GlobalTicker } from 'common'; const router = createBrowserRouter([ @@ -21,10 +21,10 @@ const router = createBrowserRouter([ element: , children: [ { path: '', element: }, - vehicleRoute, - camerasRoute, - tubeRoute, - guiRoute, + mainPageRoute, + boosterRoute, + batteriesRoute, + camerasRoute ], }, ]); diff --git a/control-station/src/pages/VehiclePage/Data2Page/Data2Page.module.scss b/control-station/src/pages/VehiclePage/BatteriesPage/BatteriesPage.module.scss similarity index 100% rename from control-station/src/pages/VehiclePage/Data2Page/Data2Page.module.scss rename to control-station/src/pages/VehiclePage/BatteriesPage/BatteriesPage.module.scss diff --git a/control-station/src/pages/VehiclePage/Data2Page/Data2Page.tsx b/control-station/src/pages/VehiclePage/BatteriesPage/BatteriesPage.tsx similarity index 54% rename from control-station/src/pages/VehiclePage/Data2Page/Data2Page.tsx rename to control-station/src/pages/VehiclePage/BatteriesPage/BatteriesPage.tsx index eed01389d..bfd0c1bd6 100644 --- a/control-station/src/pages/VehiclePage/Data2Page/Data2Page.tsx +++ b/control-station/src/pages/VehiclePage/BatteriesPage/BatteriesPage.tsx @@ -1,15 +1,26 @@ -import styles from './Data2Page.module.scss'; +import styles from './BatteriesPage.module.scss'; import { LCU } from '../Boards/LCU/LCU'; -import { PCU } from '../Boards/PCU/PCU'; import { Orders, useOrders } from 'common'; import { Connections, Logger, MessagesContainer } from 'common'; import { Window } from 'components/Window/Window'; import FixedOrders, { getHardcodedOrders } from './FixedOrders'; +import { usePodDataUpdate } from 'hooks/usePodDataUpdate'; +import { Connection, useConnections } from 'common'; +import { LostConnectionContext } from 'services/connections'; -export const Data2Page = () => { +export const BatteriesPage = () => { + usePodDataUpdate(); + + const connections = useConnections(); const boardOrders = useOrders(); return ( + @@ -38,5 +49,29 @@ export const Data2Page = () => { + + ); }; + +function isDisconnected(connection: Connection): boolean { + return !connection.isConnected; +} + +function all(data: T[], condition: (value: T) => boolean): boolean { + for (const value of data) { + if (!condition(value)) { + return false; + } + } + return true; +} + +function any(data: T[], condition: (value: T) => boolean): boolean { + for (const value of data) { + if (condition(value)) { + return true; + } + } + return false; +} diff --git a/control-station/src/pages/VehiclePage/Data2Page/FixedOrders.module.scss b/control-station/src/pages/VehiclePage/BatteriesPage/FixedOrders.module.scss similarity index 100% rename from control-station/src/pages/VehiclePage/Data2Page/FixedOrders.module.scss rename to control-station/src/pages/VehiclePage/BatteriesPage/FixedOrders.module.scss diff --git a/control-station/src/pages/VehiclePage/Data2Page/FixedOrders.tsx b/control-station/src/pages/VehiclePage/BatteriesPage/FixedOrders.tsx similarity index 100% rename from control-station/src/pages/VehiclePage/Data2Page/FixedOrders.tsx rename to control-station/src/pages/VehiclePage/BatteriesPage/FixedOrders.tsx diff --git a/control-station/src/pages/VehiclePage/BatteriesPage/batteriesRoute.tsx b/control-station/src/pages/VehiclePage/BatteriesPage/batteriesRoute.tsx new file mode 100644 index 000000000..da8c73120 --- /dev/null +++ b/control-station/src/pages/VehiclePage/BatteriesPage/batteriesRoute.tsx @@ -0,0 +1,6 @@ +import { BatteriesPage } from "./BatteriesPage"; + +export const batteriesRoute = { + path: "/batteries", + element: +}; \ No newline at end of file diff --git a/control-station/src/pages/VehiclePage/Boards/HVSCU/HVSCU.module.scss b/control-station/src/pages/VehiclePage/Boards/HVSCU/HVSCU.module.scss index 4e8a53cda..8feb43788 100644 --- a/control-station/src/pages/VehiclePage/Boards/HVSCU/HVSCU.module.scss +++ b/control-station/src/pages/VehiclePage/Boards/HVSCU/HVSCU.module.scss @@ -55,7 +55,6 @@ .text { display: flex; - justify-content: center; align-items: center; margin: 0.5rem; gap: 0.4rem; diff --git a/control-station/src/pages/VehiclePage/Boards/LCU/LCU.module.scss b/control-station/src/pages/VehiclePage/Boards/LCU/LCU.module.scss index 8f955a194..6231cfcb3 100644 --- a/control-station/src/pages/VehiclePage/Boards/LCU/LCU.module.scss +++ b/control-station/src/pages/VehiclePage/Boards/LCU/LCU.module.scss @@ -13,7 +13,6 @@ text-align: center; color: #5894A7; font-style: italic; - font-weight: bold; margin-top: 2px; margin-bottom: 2px; padding-top: 0; diff --git a/control-station/src/pages/VehiclePage/GuiBoosterPage/GuiPage.module.scss b/control-station/src/pages/VehiclePage/BoosterPage/BoosterPage.module.scss similarity index 100% rename from control-station/src/pages/VehiclePage/GuiBoosterPage/GuiPage.module.scss rename to control-station/src/pages/VehiclePage/BoosterPage/BoosterPage.module.scss diff --git a/control-station/src/pages/VehiclePage/GuiBoosterPage/GuiPage.tsx b/control-station/src/pages/VehiclePage/BoosterPage/BoosterPage.tsx similarity index 78% rename from control-station/src/pages/VehiclePage/GuiBoosterPage/GuiPage.tsx rename to control-station/src/pages/VehiclePage/BoosterPage/BoosterPage.tsx index 5d193c40a..109f146f4 100644 --- a/control-station/src/pages/VehiclePage/GuiBoosterPage/GuiPage.tsx +++ b/control-station/src/pages/VehiclePage/BoosterPage/BoosterPage.tsx @@ -1,17 +1,13 @@ import { useState } from "react"; -import styles from "./GuiPage.module.scss"; -import GuiModule from "../../../components/GuiModules/GuiModule"; +import styles from "./BoosterPage.module.scss"; +import GuiModule from "../../../components/BoosterModules/BoosterModule"; import { useMeasurementsStore, HvscuCabinetMeasurements, getBooleanMeasurement, GlobalTicker, useGlobalTicker, useOrders, BoardOrders, MessagesContainer } from "common"; import { OrdersContainer } from "components/OrdersContainer/OrdersContainer"; import { Window } from "components/Window/Window"; -import { getHardcodedOrders } from "../Data2Page/FixedOrders"; - -// Función para filtrar solo las placas deseadas -function getFilteredBoardOrders(boardOrders: BoardOrders[]): BoardOrders[] { - return boardOrders.filter(board => - board.name === "HVSCU-Cabinet" || board.name === "BCU" - ); -} +import { getHardcodedOrders } from "../BatteriesPage/FixedOrders"; +import { usePodDataUpdate } from 'hooks/usePodDataUpdate'; +import { Connection, useConnections } from 'common'; +import { LostConnectionContext } from 'services/connections'; interface ModuleData { id: number | string; @@ -24,7 +20,10 @@ const modules: ModuleData[] = [ { id: 3, name: "Module 3" }, ]; -export function GuiPage() { +export function BoosterPage() { + usePodDataUpdate(); + + const connections = useConnections(); const getNumericMeasurementInfo = useMeasurementsStore((state) => state.getNumericMeasurementInfo); const boardOrders = useOrders(); @@ -58,7 +57,12 @@ export function GuiPage() { }); return ( - + @@ -121,6 +125,28 @@ export function GuiPage() { - + ); } + +function isDisconnected(connection: Connection): boolean { + return !connection.isConnected; +} + +function all(data: T[], condition: (value: T) => boolean): boolean { + for (const value of data) { + if (!condition(value)) { + return false; + } + } + return true; +} + +function any(data: T[], condition: (value: T) => boolean): boolean { + for (const value of data) { + if (condition(value)) { + return true; + } + } + return false; +} diff --git a/control-station/src/pages/VehiclePage/BoosterPage/boosterRoute.tsx b/control-station/src/pages/VehiclePage/BoosterPage/boosterRoute.tsx new file mode 100644 index 000000000..065c097a5 --- /dev/null +++ b/control-station/src/pages/VehiclePage/BoosterPage/boosterRoute.tsx @@ -0,0 +1,6 @@ +import { BoosterPage } from "./BoosterPage"; + +export const boosterRoute = { + path: "/booster", + element: +}; \ No newline at end of file diff --git a/control-station/src/pages/VehiclePage/GuiBoosterPage/guiRoute.tsx b/control-station/src/pages/VehiclePage/GuiBoosterPage/guiRoute.tsx deleted file mode 100644 index 5efff228c..000000000 --- a/control-station/src/pages/VehiclePage/GuiBoosterPage/guiRoute.tsx +++ /dev/null @@ -1,5 +0,0 @@ -import { GuiPage } from "./GuiPage"; -export const guiRoute = { - path: "/guiBooster", - element: , -}; diff --git a/control-station/src/pages/VehiclePage/Data1Page/Data1Page.module.scss b/control-station/src/pages/VehiclePage/MainPage/MainPage.module.scss similarity index 97% rename from control-station/src/pages/VehiclePage/Data1Page/Data1Page.module.scss rename to control-station/src/pages/VehiclePage/MainPage/MainPage.module.scss index 3a97079b6..c882b0bc9 100644 --- a/control-station/src/pages/VehiclePage/Data1Page/Data1Page.module.scss +++ b/control-station/src/pages/VehiclePage/MainPage/MainPage.module.scss @@ -44,6 +44,9 @@ box-sizing: border-box; padding: 0; gap: 0.4rem; + margin-top: 1%; + margin-left: 1%; + margin-right: 1%; } .leds { @@ -157,7 +160,6 @@ .emergency_wrapper { display: flex; justify-content: center; - } .compact { height: 200px; diff --git a/control-station/src/pages/VehiclePage/Data1Page/Data1Page.tsx b/control-station/src/pages/VehiclePage/MainPage/MainPage.tsx similarity index 56% rename from control-station/src/pages/VehiclePage/Data1Page/Data1Page.tsx rename to control-station/src/pages/VehiclePage/MainPage/MainPage.tsx index 7b055560d..334f22db2 100644 --- a/control-station/src/pages/VehiclePage/Data1Page/Data1Page.tsx +++ b/control-station/src/pages/VehiclePage/MainPage/MainPage.tsx @@ -1,22 +1,32 @@ -import styles from './Data1Page.module.scss'; +import styles from './MainPage.module.scss'; import { LCU } from '../Boards/LCU/LCU'; import { HVSCU } from '../Boards/HVSCU/HVSCU'; -import { Orders, useOrders } from 'common'; import { MessagesContainer } from 'common'; import { Window } from 'components/Window/Window'; -import { emergencyStopOrders, getHardcodedOrders } from '../Data2Page/FixedOrders'; +import { emergencyStopOrders, getHardcodedOrders } from '../BatteriesPage/FixedOrders'; import { BigOrderButton } from 'components/BigOrderButton'; -import { ChartDLIM, ChartLSM } from './Data1Modules/Data1Charts'; -import { Batteries } from './Data1Modules/Data1Batteries'; -import { LEDS } from './Data1Modules/Leds'; -import { BrakeState } from './Data1Modules/BrakeState'; -import { PodPosition } from './Data1Modules/PodPosition'; +import { ChartDLIM, ChartLSM } from './MainPageModules/MainCharts'; +import { Batteries } from './MainPageModules/MainBatteries'; +import { LEDS } from './MainPageModules/Leds'; +import { BrakeState } from './MainPageModules/BrakeState'; +import { PodPosition } from './MainPageModules/PodPosition'; import { OrdersContainer } from 'components/OrdersContainer/OrdersContainer'; +import { usePodDataUpdate } from 'hooks/usePodDataUpdate'; +import { Connection, useConnections } from 'common'; +import { LostConnectionContext } from 'services/connections'; -export const Data1Page = () => { - const boardOrders = useOrders(); +export const MainPage = () => { + usePodDataUpdate(); + + const connections = useConnections(); return ( + @@ -58,5 +68,29 @@ export const Data1Page = () => { + + ); -}; \ No newline at end of file +}; + +function isDisconnected(connection: Connection): boolean { + return !connection.isConnected; +} + +function all(data: T[], condition: (value: T) => boolean): boolean { + for (const value of data) { + if (!condition(value)) { + return false; + } + } + return true; +} + +function any(data: T[], condition: (value: T) => boolean): boolean { + for (const value of data) { + if (condition(value)) { + return true; + } + } + return false; +} \ No newline at end of file diff --git a/control-station/src/pages/VehiclePage/Data1Page/Data1Modules/BrakeState.tsx b/control-station/src/pages/VehiclePage/MainPage/MainPageModules/BrakeState.tsx similarity index 92% rename from control-station/src/pages/VehiclePage/Data1Page/Data1Modules/BrakeState.tsx rename to control-station/src/pages/VehiclePage/MainPage/MainPageModules/BrakeState.tsx index 386f69c15..da1048d4e 100644 --- a/control-station/src/pages/VehiclePage/Data1Page/Data1Modules/BrakeState.tsx +++ b/control-station/src/pages/VehiclePage/MainPage/MainPageModules/BrakeState.tsx @@ -1,8 +1,7 @@ import { VcuMeasurements, useGlobalTicker, useMeasurementsStore } from "common"; import { useContext, useState } from "react"; import { LostConnectionContext } from "services/connections"; -import styles from '../Data1Page.module.scss'; -import hand from 'assets/svg/hand.svg' +import styles from '../MainPage.module.scss'; export const BrakeState = () => { const getBooleanMeasurementInfo = useMeasurementsStore((state) => state.getBooleanMeasurementInfo); diff --git a/control-station/src/pages/VehiclePage/Data1Page/Data1Modules/Leds.tsx b/control-station/src/pages/VehiclePage/MainPage/MainPageModules/Leds.tsx similarity index 96% rename from control-station/src/pages/VehiclePage/Data1Page/Data1Modules/Leds.tsx rename to control-station/src/pages/VehiclePage/MainPage/MainPageModules/Leds.tsx index 9b3026277..496b2b7cd 100644 --- a/control-station/src/pages/VehiclePage/Data1Page/Data1Modules/Leds.tsx +++ b/control-station/src/pages/VehiclePage/MainPage/MainPageModules/Leds.tsx @@ -1,7 +1,7 @@ import { HvscuMeasurements, useGlobalTicker, useMeasurementsStore } from "common"; import { useContext, useState } from "react"; import { LostConnectionContext } from "services/connections"; -import styles from '../Data1Page.module.scss'; +import styles from '../MainPage.module.scss'; import { useEffect } from 'react'; export const LEDS = () => { diff --git a/control-station/src/pages/VehiclePage/Data1Page/Data1Modules/Data1Batteries.tsx b/control-station/src/pages/VehiclePage/MainPage/MainPageModules/MainBatteries.tsx similarity index 98% rename from control-station/src/pages/VehiclePage/Data1Page/Data1Modules/Data1Batteries.tsx rename to control-station/src/pages/VehiclePage/MainPage/MainPageModules/MainBatteries.tsx index 8a67d963c..8ddedc807 100644 --- a/control-station/src/pages/VehiclePage/Data1Page/Data1Modules/Data1Batteries.tsx +++ b/control-station/src/pages/VehiclePage/MainPage/MainPageModules/MainBatteries.tsx @@ -1,5 +1,5 @@ import { Window2 } from 'components/Window/Window2'; -import styles from '../Data1Page.module.scss'; +import styles from '../MainPage.module.scss'; import { BatteryIndicator } from 'components/BatteryIndicator/BatteryIndicator'; import { BmslMeasurements, useMeasurementsStore, HvscuMeasurements, HvscuCabinetMeasurements } from "common"; import { GaugeTag } from 'components/GaugeTag/GaugeTag'; diff --git a/control-station/src/pages/VehiclePage/Data1Page/Data1Modules/Data1Charts.tsx b/control-station/src/pages/VehiclePage/MainPage/MainPageModules/MainCharts.tsx similarity index 98% rename from control-station/src/pages/VehiclePage/Data1Page/Data1Modules/Data1Charts.tsx rename to control-station/src/pages/VehiclePage/MainPage/MainPageModules/MainCharts.tsx index 19794d084..ff25e9107 100644 --- a/control-station/src/pages/VehiclePage/Data1Page/Data1Modules/Data1Charts.tsx +++ b/control-station/src/pages/VehiclePage/MainPage/MainPageModules/MainCharts.tsx @@ -1,7 +1,7 @@ import { BcuMeasurements, ColorfulChart, PcuMeasurements, useMeasurementsStore } from "common"; import { useContext } from "react"; import { LostConnectionContext } from "services/connections"; -import styles from '../Data1Page.module.scss'; +import styles from '../MainPage.module.scss'; import { Window } from 'components/Window/Window'; diff --git a/control-station/src/pages/VehiclePage/Data1Page/Data1Modules/PodPosition.tsx b/control-station/src/pages/VehiclePage/MainPage/MainPageModules/PodPosition.tsx similarity index 97% rename from control-station/src/pages/VehiclePage/Data1Page/Data1Modules/PodPosition.tsx rename to control-station/src/pages/VehiclePage/MainPage/MainPageModules/PodPosition.tsx index 32203b8e7..a14221b40 100644 --- a/control-station/src/pages/VehiclePage/Data1Page/Data1Modules/PodPosition.tsx +++ b/control-station/src/pages/VehiclePage/MainPage/MainPageModules/PodPosition.tsx @@ -2,7 +2,7 @@ import { PcuMeasurements, useGlobalTicker, useMeasurementsStore } from "common"; import { useContext, useState } from "react"; import { LostConnectionContext } from "services/connections"; import levion from 'assets/svg/levion.svg' -import styles from '../Data1Page.module.scss'; +import styles from '../MainPage.module.scss'; import { getPercentageFromRange } from "state"; export const PodPosition = () => { diff --git a/control-station/src/pages/VehiclePage/MainPage/mainPageRoute.tsx b/control-station/src/pages/VehiclePage/MainPage/mainPageRoute.tsx new file mode 100644 index 000000000..c1f22943d --- /dev/null +++ b/control-station/src/pages/VehiclePage/MainPage/mainPageRoute.tsx @@ -0,0 +1,6 @@ +import { MainPage } from "./MainPage"; + +export const mainPageRoute = { + path: "/vehicle", + element: +}; \ No newline at end of file diff --git a/control-station/src/pages/VehiclePage/VehiclePage.tsx b/control-station/src/pages/VehiclePage/VehiclePage.tsx index e51f18339..36d18daab 100644 --- a/control-station/src/pages/VehiclePage/VehiclePage.tsx +++ b/control-station/src/pages/VehiclePage/VehiclePage.tsx @@ -1,4 +1,4 @@ -import styles from './VehiclePage.module.scss'; +/* import styles from './VehiclePage.module.scss'; import { Pagination } from 'components/Pagination/Pagination'; import { PageWrapper } from 'pages/PageWrapper/PageWrapper'; import { Outlet } from 'react-router-dom'; @@ -52,3 +52,4 @@ function any(data: T[], condition: (value: T) => boolean): boolean { } return false; } + */ \ No newline at end of file diff --git a/control-station/src/pages/VehiclePage/vehicleRoute.tsx b/control-station/src/pages/VehiclePage/vehicleRoute.tsx index d64e5b847..5c878b779 100644 --- a/control-station/src/pages/VehiclePage/vehicleRoute.tsx +++ b/control-station/src/pages/VehiclePage/vehicleRoute.tsx @@ -1,4 +1,4 @@ -import { Data1Page } from './Data1Page/Data1Page'; +/* import { Data1Page } from './MainPage/MainPage'; import { Data2Page } from './Data2Page/Data2Page'; import { VehiclePage } from './VehiclePage'; import { Navigate } from 'react-router-dom'; @@ -13,3 +13,4 @@ export const vehicleRoute = { { path: 'guiBooster', element: }, ], }; + */ \ No newline at end of file