Platzhalter-Seiten Assets, Reports und Docs entfernt

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

@@ -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>
   )
 }

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) => (

src/pages/AssetsPage.jsx

@@ -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>
-  )
-}

src/pages/DocsPage.jsx

@@ -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>
-  )
-}

src/pages/ReportsPage.jsx

@@ -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>
-  )
-}