37 lines
1.3 KiB
TypeScript
37 lines
1.3 KiB
TypeScript
import {
|
|
Route,
|
|
RouterProvider,
|
|
createBrowserRouter,
|
|
createRoutesFromElements,
|
|
} from "react-router-dom";
|
|
import { AuthApi } from "./api/AuthApi";
|
|
import { ServerApi } from "./api/ServerApi";
|
|
import { DeviceRoute } from "./routes/DeviceRoute/DeviceRoute";
|
|
import { DevicesRoute } from "./routes/DevicesRoute";
|
|
import { HomeRoute } from "./routes/HomeRoute";
|
|
import { LoginRoute } from "./routes/LoginRoute";
|
|
import { NotFoundRoute } from "./routes/NotFoundRoute";
|
|
import { PendingDevicesRoute } from "./routes/PendingDevicesRoute";
|
|
import { RelaysListRoute } from "./routes/RelaysListRoute";
|
|
import { BaseAuthenticatedPage } from "./widgets/BaseAuthenticatedPage";
|
|
|
|
export function App() {
|
|
if (!AuthApi.SignedIn && !ServerApi.Config.auth_disabled)
|
|
return <LoginRoute />;
|
|
|
|
const router = createBrowserRouter(
|
|
createRoutesFromElements(
|
|
<Route path="*" element={<BaseAuthenticatedPage />}>
|
|
<Route path="" element={<HomeRoute />} />
|
|
<Route path="pending_devices" element={<PendingDevicesRoute />} />
|
|
<Route path="devices" element={<DevicesRoute />} />
|
|
<Route path="dev/:id" element={<DeviceRoute />} />
|
|
<Route path="relays" element={<RelaysListRoute />} />
|
|
<Route path="*" element={<NotFoundRoute />} />
|
|
</Route>
|
|
)
|
|
);
|
|
|
|
return <RouterProvider router={router} />;
|
|
}
|