64 lines
2.2 KiB
TypeScript
64 lines
2.2 KiB
TypeScript
|
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
|
||
|
|
import React from "react";
|
||
|
|
import ReactDOM from "react-dom/client";
|
||
|
|
import { createBrowserRouter, Navigate, RouterProvider } from "react-router-dom";
|
||
|
|
import { permissions } from "@mrp/shared";
|
||
|
|
|
||
|
|
import { AppShell } from "./components/AppShell";
|
||
|
|
import { ProtectedRoute } from "./components/ProtectedRoute";
|
||
|
|
import { AuthProvider } from "./auth/AuthProvider";
|
||
|
|
import { DashboardPage } from "./modules/dashboard/DashboardPage";
|
||
|
|
import { LoginPage } from "./modules/login/LoginPage";
|
||
|
|
import { CompanySettingsPage } from "./modules/settings/CompanySettingsPage";
|
||
|
|
import { CustomersPage } from "./modules/crm/CustomersPage";
|
||
|
|
import { VendorsPage } from "./modules/crm/VendorsPage";
|
||
|
|
import { GanttPage } from "./modules/gantt/GanttPage";
|
||
|
|
import { ThemeProvider } from "./theme/ThemeProvider";
|
||
|
|
import "./index.css";
|
||
|
|
|
||
|
|
const queryClient = new QueryClient();
|
||
|
|
|
||
|
|
const router = createBrowserRouter([
|
||
|
|
{ path: "/login", element: <LoginPage /> },
|
||
|
|
{
|
||
|
|
element: <ProtectedRoute />,
|
||
|
|
children: [
|
||
|
|
{
|
||
|
|
element: <AppShell />,
|
||
|
|
children: [
|
||
|
|
{ path: "/", element: <DashboardPage /> },
|
||
|
|
{
|
||
|
|
element: <ProtectedRoute requiredPermissions={[permissions.companyRead]} />,
|
||
|
|
children: [{ path: "/settings/company", element: <CompanySettingsPage /> }],
|
||
|
|
},
|
||
|
|
{
|
||
|
|
element: <ProtectedRoute requiredPermissions={[permissions.crmRead]} />,
|
||
|
|
children: [
|
||
|
|
{ path: "/crm/customers", element: <CustomersPage /> },
|
||
|
|
{ path: "/crm/vendors", element: <VendorsPage /> },
|
||
|
|
],
|
||
|
|
},
|
||
|
|
{
|
||
|
|
element: <ProtectedRoute requiredPermissions={[permissions.ganttRead]} />,
|
||
|
|
children: [{ path: "/planning/gantt", element: <GanttPage /> }],
|
||
|
|
},
|
||
|
|
],
|
||
|
|
},
|
||
|
|
],
|
||
|
|
},
|
||
|
|
{ path: "*", element: <Navigate to="/" replace /> },
|
||
|
|
]);
|
||
|
|
|
||
|
|
ReactDOM.createRoot(document.getElementById("root")!).render(
|
||
|
|
<React.StrictMode>
|
||
|
|
<ThemeProvider>
|
||
|
|
<QueryClientProvider client={queryClient}>
|
||
|
|
<AuthProvider>
|
||
|
|
<RouterProvider router={router} />
|
||
|
|
</AuthProvider>
|
||
|
|
</QueryClientProvider>
|
||
|
|
</ThemeProvider>
|
||
|
|
</React.StrictMode>
|
||
|
|
);
|
||
|
|
|