feat: initial commit

src/components/Dashboard.jsx

@@ -0,0 +1,52 @@
+import { useState } from 'react';
+import { isOverdue } from '../hooks/useAssets';
+import { useAuth } from '../context/AuthContext';
+import LagerstandortManager from './LagerstandortManager';
+
+export default function Dashboard({ assets, lagerstandorte, onAddLagerstandort, onToggleLagerstandort, onDeleteLagerstandort }) {
+  const { isAdmin, isFilialleiter } = useAuth();
+  const [showManager, setShowManager] = useState(false);
+
+  const counts = {
+    offen: assets.filter((a) => a.status === 'offen').length,
+    bearbeitung: assets.filter((a) => a.status === 'in_bearbeitung').length,
+    entsorgt: assets.filter((a) => a.status === 'entsorgt').length,
+    overdue: assets.filter(isOverdue).length,
+  };
+
+  return (
+    <>
+      <div className="dashboard">
+        <StatCard color="red" count={counts.offen} label="Offen" />
+        <StatCard color="yellow" count={counts.bearbeitung} label="In Bearbeitung" />
+        <StatCard color="gray" count={counts.entsorgt} label="Entsorgt" />
+        <StatCard color="blue" count={counts.overdue} label="Überfällig (>7 Tage)" />
+        {(isAdmin || isFilialleiter) && (
+          <div className="stat-card" style={{ borderColor: '#F57C00', cursor: 'pointer' }} onClick={() => setShowManager(true)}>
+            <div className="stat-number" style={{ fontSize: '24px' }}>{lagerstandorte.length}</div>
+            <div className="stat-label">Lagerstandorte verwalten</div>
+          </div>
+        )}
+      </div>
+
+      {showManager && (
+        <LagerstandortManager
+          lagerstandorte={lagerstandorte}
+          onAdd={onAddLagerstandort}
+          onToggle={onToggleLagerstandort}
+          onDelete={onDeleteLagerstandort}
+          onClose={() => setShowManager(false)}
+        />
+      )}
+    </>
+  );
+}
+
+function StatCard({ color, count, label }) {
+  return (
+    <div className={`stat-card ${color}`}>
+      <div className="stat-number">{count}</div>
+      <div className="stat-label">{label}</div>
+    </div>
+  );
+}