From 16d3cefe68cf1c65c67b198c27526d1fd51f53f4 Mon Sep 17 00:00:00 2001
From: Gulum <gulum@rismer.de>
Date: Sat, 6 Jun 2026 00:11:11 +0200
Subject: [PATCH] FEAT-2: wire /becken + /kontakte routes and nav (Kontakte
 supersedes Zuechter placeholder)

---
 gerbil-manager-web/src/App.tsx                | 21 +++++++++++++++++--
 .../src/components/AppShell.tsx               |  3 ++-
 2 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/gerbil-manager-web/src/App.tsx b/gerbil-manager-web/src/App.tsx
index 204c7f0..3d03575 100644
--- a/gerbil-manager-web/src/App.tsx
+++ b/gerbil-manager-web/src/App.tsx
@@ -1,11 +1,16 @@
 import { BrowserRouter, Route, Routes } from 'react-router-dom'
 import AppShell from './components/AppShell'
-import BreedersPage from './pages/BreedersPage'
+import BeckenPage from './pages/BeckenPage'
+import BeckenDetailPage from './pages/BeckenDetailPage'
+import BeckenFormPage from './pages/BeckenFormPage'
 import GerbilsPage from './pages/GerbilsPage'
 import GerbilDetailPage from './pages/GerbilDetailPage'
 import GerbilFormPage from './pages/GerbilFormPage'
 import GenetikPage from './pages/GenetikPage'
 import HomePage from './pages/HomePage'
+import KontaktePage from './pages/KontaktePage'
+import KontaktDetailPage from './pages/KontaktDetailPage'
+import KontaktFormPage from './pages/KontaktFormPage'
 import LittersPage from './pages/LittersPage'
 import NotFoundPage from './pages/NotFoundPage'
 import StammbaumPage from './pages/StammbaumPage'
@@ -24,7 +29,19 @@ export default function App() {
             <Route path=":id/stammbaum" element={<StammbaumPage />} />
           </Route>
           <Route path="wuerfe" element={<LittersPage />} />
-          <Route path="zuechter" element={<BreedersPage />} />
+          {/* FEAT-2: Kontakte ersetzt das Züchter-Platzhalter-Routing (Breeder -> Contact) */}
+          <Route path="becken">
+            <Route index element={<BeckenPage />} />
+            <Route path="neu" element={<BeckenFormPage />} />
+            <Route path=":id" element={<BeckenDetailPage />} />
+            <Route path=":id/bearbeiten" element={<BeckenFormPage />} />
+          </Route>
+          <Route path="kontakte">
+            <Route index element={<KontaktePage />} />
+            <Route path="neu" element={<KontaktFormPage />} />
+            <Route path=":id" element={<KontaktDetailPage />} />
+            <Route path=":id/bearbeiten" element={<KontaktFormPage />} />
+          </Route>
           <Route path="genetik" element={<GenetikPage />} />
           <Route path="*" element={<NotFoundPage />} />
         </Route>
diff --git a/gerbil-manager-web/src/components/AppShell.tsx b/gerbil-manager-web/src/components/AppShell.tsx
index 8cdb96e..07d54e8 100644
--- a/gerbil-manager-web/src/components/AppShell.tsx
+++ b/gerbil-manager-web/src/components/AppShell.tsx
@@ -5,7 +5,8 @@ const navItems = [
   { to: '/', label: de.nav.home, icon: '🏠', end: true },
   { to: '/rennmaeuse', label: de.nav.gerbils, icon: '🐭', end: false },
   { to: '/wuerfe', label: de.nav.litters, icon: '🍼', end: false },
-  { to: '/zuechter', label: de.nav.breeders, icon: '🧑‍🌾', end: false },
+  { to: '/becken', label: de.nav.enclosures, icon: '🛁', end: false },
+  { to: '/kontakte', label: de.nav.contacts, icon: '📇', end: false },
   { to: '/genetik', label: de.nav.genetics, icon: '🧬', end: false },
 ]