73 lines
2.0 KiB
JavaScript
73 lines
2.0 KiB
JavaScript
import * as React from 'react';
|
|
import { createRoot } from 'react-dom/client';
|
|
import {
|
|
BrowserRouter,
|
|
Routes,
|
|
Route
|
|
} from "react-router-dom";
|
|
import {
|
|
Box,
|
|
CssBaseline,
|
|
Toolbar
|
|
} from "@mui/material";
|
|
import Home from './Home';
|
|
import Dashboard from './Dashboard';
|
|
import { Admin, AppProvider } from '../react-openapi';
|
|
import { configuration, profileConfiguration } from './openapi-config';
|
|
import { Buffer } from 'buffer';
|
|
import process from 'process';
|
|
import { AuthProvider } from "../react-auth";
|
|
import Header from './Header';
|
|
import Footer from './Footer';
|
|
import AppTheme from './AppTheme';
|
|
|
|
window.Buffer = Buffer;
|
|
window.process = process;
|
|
|
|
const rootElement = document.getElementById('root');
|
|
const root = createRoot(rootElement);
|
|
|
|
const AUTH_BASE = import.meta.env.VITE_AUTH_BASE_URL;
|
|
|
|
const routerMapping = [
|
|
{ path: "/", component: Home, headerTitle: "Home" },
|
|
{ path: "/home", component: Home, headerTitle: "Home" },
|
|
{ path: "/dashboard", component: Dashboard, headerTitle: "Dashboard" },
|
|
{ path: "/admin/*", component: Admin, headerTitle: "Admin" },
|
|
];
|
|
|
|
root.render(
|
|
<AppProvider resourceOverrides={configuration} profileConfig={profileConfiguration}>
|
|
<BrowserRouter>
|
|
<AuthProvider authBaseUrl={AUTH_BASE}>
|
|
<AppTheme>
|
|
<CssBaseline enableColorScheme />
|
|
<Header routerMapping={routerMapping} />
|
|
|
|
<Box sx={{ pb: 8 }}>
|
|
<Toolbar />
|
|
|
|
<Routes>
|
|
{routerMapping.map(({ path, component: Component }) => (
|
|
<Route
|
|
key={path}
|
|
path={path}
|
|
element={
|
|
path.startsWith("/admin") ? (
|
|
<Component basePath="/admin" />
|
|
) : (
|
|
<Component />
|
|
)
|
|
}
|
|
/>
|
|
))}
|
|
</Routes>
|
|
</Box>
|
|
|
|
<Footer />
|
|
</AppTheme>
|
|
</AuthProvider>
|
|
</BrowserRouter>
|
|
</AppProvider>
|
|
);
|