gilour

Back Back Up Advanced Editor

import { Login } from "@features/authentication/login";
import {
  AuthFormWrapper,
  AuthLayout,
  AuthWrapper,
  MainLayout,
  ProtectedRoute,
  PublicRoute,
} from "@shared/index";
import {
  createBrowserRouter,
  createRoutesFromElements,
  Route,
} from "react-router-dom";
import { MainTable } from "../pages/main";
import { DDS, PAYMENTS, PROJECT, SIGN_IN, DASHBOARD, USERS, MODEL } from "@shared/config/routes";
import { PaymentDetail } from "@pages/detail-payment/ui/PaymentDetail";
import { Dashboard } from "@pages/main/ui/Dashboard/dashboard";
import { ErrorPage } from "@shared/ui/error-page";
import { ProjectPage } from "@/pages/ProjectPage/ProjectPage";
import { CashPage } from "@/pages/CashPage/CashPage";
import { UsersPage } from "@/pages/UsersPage/UsersPage";
import { ModelsPage } from "@/pages/ModelsPage/ModelsPage";

export const router = createBrowserRouter(
  createRoutesFromElements(
    <Route
      element={<AuthLayout />}
      errorElement={<ErrorPage />}
    >
      <Route element={<ProtectedRoute />}>
        <Route element={<MainLayout/>}>
          <Route path={DASHBOARD} element={<Dashboard />} />
          <Route path={PAYMENTS} element={<MainTable />}>
            <Route path=":id" element={<PaymentDetail />} />
          </Route>
          <Route path={PROJECT} element={<div><ProjectPage /></div>} />
          <Route path={DDS} element={<CashPage />} />
          <Route path={USERS} element={<UsersPage />} />
          <Route path={`${MODEL}/:modelId`} element={<ModelsPage />} />
        </Route>
      </Route>
      <Route element={<PublicRoute />}>
        <Route element={<AuthWrapper />}>
          <Route element={<AuthFormWrapper name="Вход"  onStateChange={(value) => { 
                console.log("valueIsModule", value)
              }} />}>
            <Route path={SIGN_IN} element={<Login />} />
          </Route>
        </Route>
      </Route>
    </Route>
  )
);