u
This commit is contained in:
53
src/App.jsx
53
src/App.jsx
@@ -1,26 +1,12 @@
|
||||
import { Component, lazy, Suspense } from 'react';
|
||||
import { Component, Suspense } from 'react';
|
||||
import { connect } from 'react-redux';
|
||||
import Box from '@mui/material/Box';
|
||||
import CircularProgress from '@mui/material/CircularProgress';
|
||||
import { BrowserRouter, Navigate, Route, Routes } from 'react-router-dom';
|
||||
import { RouterProvider } from 'react-router-dom';
|
||||
import { selectAuthStatus, selectNeedsCompanySetup } from './store/authSlice';
|
||||
import LoginPage from './components/LoginPage';
|
||||
import CompanySetupDialog from './components/CompanySetupDialog';
|
||||
import AppShell from './components/AppShell';
|
||||
import SectionLayout from './components/SectionLayout';
|
||||
|
||||
const ArtikelUebersichtPage = lazy(() => import('./pages/artikel/index'));
|
||||
const ArtikelKategorienPage = lazy(() => import('./pages/artikel/kategorien'));
|
||||
const RedirectArtikelKategorien = lazy(() => import('./pages/artikel/RedirectArtikelKategorien'));
|
||||
const ArtikelLagerPage = lazy(() => import('./pages/artikel/lager'));
|
||||
const ArtikelSkuPage = lazy(() => import('./pages/artikel/sku'));
|
||||
const LieferungPage = lazy(() => import('./pages/lieferung/index'));
|
||||
const AuftragAktivePage = lazy(() => import('./pages/auftrag/index'));
|
||||
const AuftragArchivPage = lazy(() => import('./pages/auftrag/archiv'));
|
||||
const KundeListePage = lazy(() => import('./pages/kunde/index'));
|
||||
const KundeGruppenPage = lazy(() => import('./pages/kunde/gruppen'));
|
||||
const KundeKontaktePage = lazy(() => import('./pages/kunde/kontakte'));
|
||||
const InfosPage = lazy(() => import('./pages/infos/index'));
|
||||
import { router } from './appRouter';
|
||||
|
||||
function PageFallback() {
|
||||
return (
|
||||
@@ -67,36 +53,9 @@ class App extends Component {
|
||||
}
|
||||
|
||||
return (
|
||||
<BrowserRouter>
|
||||
<Suspense fallback={<PageFallback />}>
|
||||
<Routes>
|
||||
<Route path="/" element={<AppShell />}>
|
||||
<Route index element={<Navigate to="/artikel" replace />} />
|
||||
<Route path="lieferung" element={<LieferungPage />} />
|
||||
<Route path="infos" element={<InfosPage />} />
|
||||
<Route path="kategorien/*" element={<SectionLayout sectionPath="/artikel" />}>
|
||||
<Route path="*" element={<ArtikelKategorienPage />} />
|
||||
</Route>
|
||||
<Route path="artikel" element={<SectionLayout sectionPath="/artikel" />}>
|
||||
<Route index element={<ArtikelUebersichtPage />} />
|
||||
<Route path="kategorien/*" element={<RedirectArtikelKategorien />} />
|
||||
<Route path="lager" element={<ArtikelLagerPage />} />
|
||||
<Route path=":sku/:tab?" element={<ArtikelSkuPage />} />
|
||||
</Route>
|
||||
<Route path="auftrag" element={<SectionLayout sectionPath="/auftrag" />}>
|
||||
<Route index element={<AuftragAktivePage />} />
|
||||
<Route path="archiv" element={<AuftragArchivPage />} />
|
||||
</Route>
|
||||
<Route path="kunde" element={<SectionLayout sectionPath="/kunde" />}>
|
||||
<Route index element={<KundeListePage />} />
|
||||
<Route path="gruppen" element={<KundeGruppenPage />} />
|
||||
<Route path="kontakte" element={<KundeKontaktePage />} />
|
||||
</Route>
|
||||
<Route path="*" element={<Navigate to="/artikel" replace />} />
|
||||
</Route>
|
||||
</Routes>
|
||||
</Suspense>
|
||||
</BrowserRouter>
|
||||
<Suspense fallback={<PageFallback />}>
|
||||
<RouterProvider router={router} />
|
||||
</Suspense>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user