routes

src/App.jsx

@@ -4,48 +4,18 @@ import { BrowserRouter, Navigate, Route, Routes } from 'react-router-dom';
 import { useAuth } from './auth/useAuth';
 import LoginPage from './components/LoginPage';
 import AppShell from './components/AppShell';
-import SectionPage from './pages/SectionPage';
-import SubPage from './pages/SubPage';
-import { NAV_ITEMS, SUB_NAV } from './nav';
-
-function sectionRoutes(path) {
-  const subNav = SUB_NAV[path];
-  const routePath = path === '/' ? undefined : path.slice(1);
-
-  if (subNav) {
-    return (
-      <Route key={path} path={routePath} element={<SectionPage sectionPath={path} />}>
-        {subNav.map(({ segment, label }) =>
-          segment ? (
-            <Route
-              key={segment}
-              path={segment}
-              element={<SubPage title={label} />}
-            />
-          ) : (
-            <Route key="index" index element={<SubPage title={label} />} />
-          ),
-        )}
-      </Route>
-    );
-  }
-
-  const label = NAV_ITEMS.find((n) => n.path === path)?.label;
-
-  if (path === '/') {
-    return (
-      <Route key={path} index element={<SectionPage sectionPath={path}><SubPage title={label} /></SectionPage>} />
-    );
-  }
-
-  return (
-    <Route
-      key={path}
-      path={routePath}
-      element={<SectionPage sectionPath={path}><SubPage title={label} /></SectionPage>}
-    />
-  );
-}
+import SectionLayout from './components/SectionLayout';
+import HomePage from './pages/index';
+import ArtikelUebersichtPage from './pages/artikel/index';
+import ArtikelKategorienPage from './pages/artikel/kategorien';
+import ArtikelLagerPage from './pages/artikel/lager';
+import LieferungPage from './pages/lieferung/index';
+import AuftragAktivePage from './pages/auftrag/index';
+import AuftragArchivPage from './pages/auftrag/archiv';
+import KundeListePage from './pages/kunde/index';
+import KundeGruppenPage from './pages/kunde/gruppen';
+import KundeKontaktePage from './pages/kunde/kontakte';
+import InfosPage from './pages/infos/index';
 
 export default function App() {
   const { status } = useAuth();
@@ -74,7 +44,23 @@ export default function App() {
     <BrowserRouter>
       <Routes>
         <Route path="/" element={<AppShell />}>
-          {NAV_ITEMS.map((item) => sectionRoutes(item.path))}
+          <Route index element={<HomePage />} />
+          <Route path="lieferung" element={<LieferungPage />} />
+          <Route path="infos" element={<InfosPage />} />
+          <Route path="artikel" element={<SectionLayout sectionPath="/artikel" />}>
+            <Route index element={<ArtikelUebersichtPage />} />
+            <Route path="kategorien" element={<ArtikelKategorienPage />} />
+            <Route path="lager" element={<ArtikelLagerPage />} />
+          </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="/" replace />} />
         </Route>
       </Routes>