Function App

depot/console/src/App.tsx:23–57

()

import { AlertsView } from "@/views/AlertsView";

function App() {
  // Connect to backend services
  useDiscovery();
  useGpsStatus();
  useAlerts();

  const { resolvedTheme } = useTheme();
  const themeClass = resolvedTheme === "dark" ? "dark" : "";

  return (
    <div className={`${themeClass} min-h-screen`}>
      <SidebarProvider>
        <AppSidebar />
        <SidebarInset>
          <AlertBanner />
          <ErrorBoundary>
            <Routes>
              <Route path="/" element={<DashboardView />} />
              <Route path="/base-station" element={<BaseStationView />} />
              <Route path="/fleet" element={<FleetView />} />
              <Route path="/fleet/:roverId" element={<RoverView />} />
              <Route path="/sessions" element={<SessionsView />} />
              <Route path="/sessions/:sessionName" element={<SessionDetailView />} />
              <Route path="/maps" element={<MapsView />} />
              <Route path="/maps/:mapId" element={<MapsView />} />
              <Route path="/dispatch" element={<DispatchView />} />
              <Route path="/alerts" element={<AlertsView />} />
            </Routes>
          </ErrorBoundary>
        </SidebarInset>
      </SidebarProvider>
      <Toast />
    </div>
  );
}

export default App;