tipuloidea

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";
import { MainTable } from "../pages/main";
import { DDS, PAYMENTS, PROJECT, SIGN_IN } from "@shared/config/routes";
import { PaymentDetail } from "@pages/detail-payment/ui/PaymentDetail";

export const router = createBrowserRouter(
  createRoutesFromElements(
    <>
      <Route element={<AuthLayout />}>
        <Route element={<ProtectedRoute />}>
          <Route element={<MainLayout />}>
            <Route path={PAYMENTS} element={<MainTable />}>
              <Route path=":id" element={<PaymentDetail />} />
            </Route>
            <Route path={PROJECT} element={<div>project</div>} />
            <Route path={DDS} element={<div>dds</div>} />
          </Route>
        </Route>
        <Route element={<PublicRoute />}>
          <Route element={<AuthWrapper />}>
            <Route element={<AuthFormWrapper name="Вход" />}>
              <Route path={SIGN_IN} element={<Login />} />
            </Route>
          </Route>
        </Route>
      </Route>
    </>
  )
);