From cbf77004adf638f0a3210781b93dafab3c68bd98 Mon Sep 17 00:00:00 2001
From: Claude <claude@webklar.local>
Date: Sun, 27 Sep 2026 14:32:17 +0000
Subject: [PATCH] Platzhalter-Seiten Assets, Reports und Docs entfernt
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Die drei Seiten hatten keine Funktion (feste Nullen, ein alert(),
drei Beispielsätze). Alte Links und unbekannte Adressen führen jetzt
zu den Tickets statt auf eine leere Seite; Menügruppen ohne Eintrag
werden nicht mehr angezeigt.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 src/App.jsx               |  8 ++-----
 src/components/Navbar.jsx |  9 ++-----
 src/pages/AssetsPage.jsx  | 40 --------------------------------
 src/pages/DocsPage.jsx    | 27 ---------------------
 src/pages/ReportsPage.jsx | 49 ---------------------------------------
 5 files changed, 4 insertions(+), 129 deletions(-)
 delete mode 100644 src/pages/AssetsPage.jsx
 delete mode 100644 src/pages/DocsPage.jsx
 delete mode 100644 src/pages/ReportsPage.jsx

diff --git a/src/App.jsx b/src/App.jsx
index 418f09d..bd42e24 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -5,13 +5,10 @@ import Footer from './components/Footer'
 import LoginPage from './pages/LoginPage'
 import TicketsPage from './pages/TicketsPage'
 import DashboardPage from './pages/DashboardPage'
-import AssetsPage from './pages/AssetsPage'
 import PlanboardPage from './pages/PlanboardPage'
 import ProjectsPage from './pages/ProjectsPage'
 import RoadmapsPage from './pages/RoadmapsPage'
 import RoadmapDetailPage from './pages/RoadmapDetailPage'
-import ReportsPage from './pages/ReportsPage'
-import DocsPage from './pages/DocsPage'
 import AdminPage from './pages/AdminPage'
 import CustomersPage from './pages/CustomersPage'
 import LeadsPage from './pages/LeadsPage'
@@ -52,14 +49,13 @@ function AppRoutes() {
       <Route path="/finance" element={<ProtectedRoute><FinancePage /></ProtectedRoute>} />
       <Route path="/documents" element={<ProtectedRoute><DocumentsPage /></ProtectedRoute>} />
       <Route path="/dashboard" element={<ProtectedRoute><DashboardPage /></ProtectedRoute>} />
-      <Route path="/assets" element={<ProtectedRoute><AssetsPage /></ProtectedRoute>} />
       <Route path="/planboard" element={<ProtectedRoute><PlanboardPage /></ProtectedRoute>} />
       <Route path="/projects" element={<ProtectedRoute><ProjectsPage /></ProtectedRoute>} />
       <Route path="/roadmaps" element={<ProtectedRoute><RoadmapsPage /></ProtectedRoute>} />
       <Route path="/roadmaps/:id" element={<ProtectedRoute><RoadmapDetailPage /></ProtectedRoute>} />
-      <Route path="/reports" element={<ProtectedRoute><ReportsPage /></ProtectedRoute>} />
-      <Route path="/docs" element={<ProtectedRoute><DocsPage /></ProtectedRoute>} />
       <Route path="/admin" element={<ProtectedRoute><AdminPage /></ProtectedRoute>} />
+      {/* Alte Links (z. B. die entfernten Seiten Assets, Reports, Docs) landen bei den Tickets */}
+      <Route path="*" element={<Navigate to="/tickets" replace />} />
     </Routes>
   )
 }
diff --git a/src/components/Navbar.jsx b/src/components/Navbar.jsx
index cfed9a5..1561366 100644
--- a/src/components/Navbar.jsx
+++ b/src/components/Navbar.jsx
@@ -11,10 +11,7 @@ import {
   IconCalendar,
   IconRoute,
   IconLayoutDashboard,
-  IconReport,
-  IconDeviceDesktop,
   IconSettings,
-  IconBook,
   IconLogout,
   IconLayoutSidebarLeftCollapse,
   IconLayoutSidebarLeftExpand,
@@ -60,15 +57,12 @@ export default function Sidebar() {
       label: 'Auswertung',
       links: [
         { label: 'Dashboard', href: '/dashboard', icon: <IconLayoutDashboard /> },
-        { label: 'Reports', href: '/reports', icon: <IconReport /> },
       ],
     },
     {
       label: 'System',
       links: [
-        { label: 'Assets', href: '/assets', icon: <IconDeviceDesktop /> },
         ...(isAdmin ? [{ label: 'Admin', href: '/admin', icon: <IconSettings /> }] : []),
-        { label: 'Docs', href: '/docs', icon: <IconBook /> },
       ],
     },
   ]
@@ -87,7 +81,8 @@ export default function Sidebar() {
       </div>
 
       <nav className="side-nav">
-        {groups.map((group) => (
+        {/* Gruppen ohne Eintrag (System fuer Nicht-Admins) nicht anzeigen */}
+        {groups.filter((group) => group.links.length > 0).map((group) => (
           <div className="side-group" key={group.label}>
             <div className="side-group-label">{group.label}</div>
             {group.links.map((link) => (
diff --git a/src/pages/AssetsPage.jsx b/src/pages/AssetsPage.jsx
deleted file mode 100644
index 9b2902e..0000000
--- a/src/pages/AssetsPage.jsx
+++ /dev/null
@@ -1,40 +0,0 @@
-import { useState } from 'react'
-import { FaServer, FaDesktop, FaPrint, FaNetworkWired } from 'react-icons/fa6'
-import { PageHeader, Card } from '../components/ui'
-
-export default function AssetsPage() {
-  const [searchTerm, setSearchTerm] = useState('')
-
-  const assetCategories = [
-    { icon: FaServer, name: 'Server', count: 0 },
-    { icon: FaDesktop, name: 'Arbeitsplaetze', count: 0 },
-    { icon: FaPrint, name: 'Drucker', count: 0 },
-    { icon: FaNetworkWired, name: 'Netzwerkgeraete', count: 0 },
-  ]
-
-  return (
-    <div className="page">
-      <PageHeader title="Assets" subtitle="IT-Inventar und Geraete" />
-
-      <input
-        className="form-control"
-        placeholder="Assets suchen..."
-        value={searchTerm}
-        onChange={(e) => setSearchTerm(e.target.value)}
-        style={{ maxWidth: 400, marginBottom: 16 }}
-      />
-
-      <div className="kpi-grid">
-        {assetCategories.map(({ icon: Icon, name, count }) => (
-          <div key={name} className="kpi">
-            <span className="kpi-accent" />
-            <div className="kpi-label"><Icon /> {name}</div>
-            <div className="kpi-value">{count}</div>
-          </div>
-        ))}
-      </div>
-
-      <Card><p className="muted" style={{ margin: 0 }}>Asset-Modul - mit Appwrite verbinden, um IT-Assets zu verwalten.</p></Card>
-    </div>
-  )
-}
diff --git a/src/pages/DocsPage.jsx b/src/pages/DocsPage.jsx
deleted file mode 100644
index 87700db..0000000
--- a/src/pages/DocsPage.jsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import { FaBook, FaCircleQuestion, FaKeyboard } from 'react-icons/fa6'
-import { PageHeader, Card } from '../components/ui'
-
-export default function DocsPage() {
-  const sections = [
-    { icon: FaBook, title: 'Erste Schritte', content: 'Tickets, Rechnungen und Dokumente in der Plattform verwalten.' },
-    { icon: FaCircleQuestion, title: 'FAQ', content: 'Haeufige Fragen zum System.' },
-    { icon: FaKeyboard, title: 'Tipps', content: 'Schneller arbeiten mit der Plattform.' },
-  ]
-
-  return (
-    <div className="page">
-      <PageHeader title="Dokumentation" subtitle="Hilfe und Anleitungen" />
-      <div className="kpi-grid">
-        {sections.map(({ icon: Icon, title, content }) => (
-          <Card key={title}>
-            <div className="flex items-center gap-3" style={{ marginBottom: 8 }}>
-              <Icon size={22} style={{ color: 'var(--accent)' }} />
-              <strong>{title}</strong>
-            </div>
-            <p className="muted" style={{ margin: 0 }}>{content}</p>
-          </Card>
-        ))}
-      </div>
-    </div>
-  )
-}
diff --git a/src/pages/ReportsPage.jsx b/src/pages/ReportsPage.jsx
deleted file mode 100644
index d2c87dc..0000000
--- a/src/pages/ReportsPage.jsx
+++ /dev/null
@@ -1,49 +0,0 @@
-import { useState } from 'react'
-import { format, subDays } from 'date-fns'
-import { FaFileExport, FaChartBar } from 'react-icons/fa6'
-import { PageHeader, Card, Button, Field, EmptyState } from '../components/ui'
-
-export default function ReportsPage() {
-  const [dateRange, setDateRange] = useState({
-    from: format(subDays(new Date(), 30), 'yyyy-MM-dd'),
-    to: format(new Date(), 'yyyy-MM-dd'),
-  })
-  const [reportType, setReportType] = useState('tickets')
-
-  const reportTypes = [
-    { value: 'tickets', label: 'Ticket-Uebersicht' },
-    { value: 'performance', label: 'Leistungsbericht' },
-    { value: 'customer', label: 'Kundenbericht' },
-    { value: 'technician', label: 'Techniker-Bericht' },
-  ]
-
-  const handleGenerate = () => {
-    alert(`Bericht "${reportType}" von ${dateRange.from} bis ${dateRange.to}`)
-  }
-
-  return (
-    <div className="page">
-      <PageHeader title="Reports" subtitle="Auswertungen und Exporte" />
-
-      <Card title="Bericht erstellen">
-        <div className="flex gap-3 wrap">
-          <Field label="Berichtstyp">
-            <select className="form-control" value={reportType} onChange={(e) => setReportType(e.target.value)}>
-              {reportTypes.map((t) => <option key={t.value} value={t.value}>{t.label}</option>)}
-            </select>
-          </Field>
-          <Field label="Von"><input className="form-control" type="date" value={dateRange.from} onChange={(e) => setDateRange((p) => ({ ...p, from: e.target.value }))} /></Field>
-          <Field label="Bis"><input className="form-control" type="date" value={dateRange.to} onChange={(e) => setDateRange((p) => ({ ...p, to: e.target.value }))} /></Field>
-        </div>
-        <div className="flex gap-2" style={{ marginTop: 8 }}>
-          <Button variant="primary" onClick={handleGenerate}><FaChartBar /> Bericht erstellen</Button>
-          <Button variant="ghost"><FaFileExport /> Als PDF exportieren</Button>
-        </div>
-      </Card>
-
-      <div style={{ marginTop: 16 }}>
-        <Card><EmptyState icon={<FaChartBar />} title="Noch kein Bericht" hint="Parameter waehlen und Bericht erstellen." /></Card>
-      </div>
-    </div>
-  )
-}