import { Flowbite } from 'flowbite-react'; import './App.css'; import React from 'react'; import { Routes, Route, Navigate } from 'react-router-dom'; import DeviceExplorer from './components/device-explorer/device-explorer'; import Header from './components/header/Header'; import Builds from './pages/Builds'; import AppList from './components/apps/Apps'; import { EnhancedTrends } from './components/stats/trends'; import Login from './pages/Auth/Login'; import AdminDashboard from './pages/Auth/AdminDashboard'; import { AuthProvider } from './contexts/AuthContext'; import { ConfigProvider } from './contexts/ConfigContext'; import ProtectedRoute from './components/auth/ProtectedRoute'; import Users from './pages/Users/Users'; import Teams from './pages/Teams'; import Devices from './pages/Devices'; import Servers from './pages/Servers'; import ProfilePage from './pages/Profiles/ProfilePage'; // Protected route wrapper component interface ProtectedRouteWrapperProps { children: React.ReactNode; adminOnly?: boolean; } const ProtectedRouteWrapper: React.FC = ({ children, adminOnly = false, }) => { return (

{children}

); }; // Define route interface interface ProtectedRoute { path: string; element: React.ReactNode; adminOnly?: boolean; } // Define routes configuration to avoid repetition const protectedRoutes: ProtectedRoute[] = [ { path: '/', element: }, { path: '/device-farm', element: }, { path: '/builds', element: }, { path: '/device-farm/builds', element: }, { path: '/device-farm/#builds', element: }, { path: '/builds/:buildId/session/:sessionId', element: }, { path: '/device-farm/builds/:buildId/session/:sessionId', element: }, { path: '/apps', element: }, { path: '/stats', element: }, { path: '/admin', element: , adminOnly: true }, { path: '/users', element: , adminOnly: true }, { path: '/teams', element: , adminOnly: true }, { path: '/devices', element: , adminOnly: true }, { path: '/servers', element: }, { path: '/profile', element: }, // { // path: '/servers/:nodeId/terminal', // element: ( // // // // ), // }, ]; function App() { return ( {/* Public routes */} } /> {/* Protected routes */} {protectedRoutes.map((route) => ( {route.element} } /> ))} {/* Catch all route */} } /> ); } export default App;