From febe29412995b656e198b154b0a091d4a58a457a Mon Sep 17 00:00:00 2001
From: Maaxxs <61059039+MaaxxsDev@users.noreply.github.com>
Date: Sun, 5 Jul 2026 16:42:35 +0200
Subject: [PATCH] Add admin panel shortcut icon to navbar when logged in

Neben dem Dark/Light-Umschalter erscheint jetzt fuer eingeloggte
Admin-Nutzer ein zusaetzliches Icon, das direkt zu /admin fuehrt -
sowohl Desktop- als auch mobile Navigation.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 hifi-src/src/components/Navbar.jsx | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/hifi-src/src/components/Navbar.jsx b/hifi-src/src/components/Navbar.jsx
index 1ac1559..a78d165 100644
--- a/hifi-src/src/components/Navbar.jsx
+++ b/hifi-src/src/components/Navbar.jsx
@@ -1,10 +1,13 @@
 import { useState } from 'react';
 import { Link } from 'react-router-dom';
 import ThemeToggle from './ThemeToggle.jsx';
+import DynamicIcon from './DynamicIcon.jsx';
+import { useAuth } from '../context/AuthContext.jsx';
 import logo from '../assets/logo.png';
 
 export default function Navbar() {
   const [open, setOpen] = useState(false);
+  const { user } = useAuth();
 
   return (
     <header className="sticky top-0 z-30 border-b border-slate-200 bg-white/90 backdrop-blur dark:border-slate-800 dark:bg-slate-950/90">
@@ -17,10 +20,30 @@ export default function Navbar() {
           <Link to="/fahrzeuge" className="hover:text-brand-500">Fahrzeuge</Link>
           <Link to="/leistungen" className="hover:text-brand-500">Leistungen</Link>
           <Link to="/kontakt" className="hover:text-brand-500">Kontakt</Link>
+          {user && (
+            <Link
+              to="/admin"
+              aria-label="Zum Admin-Panel"
+              title="Zum Admin-Panel"
+              className="rounded-full p-2 text-slate-600 transition hover:bg-slate-100 dark:text-slate-300 dark:hover:bg-slate-800"
+            >
+              <DynamicIcon name="layout-dashboard" className="h-5 w-5" />
+            </Link>
+          )}
           <ThemeToggle />
         </nav>
 
         <div className="flex items-center gap-2 md:hidden">
+          {user && (
+            <Link
+              to="/admin"
+              aria-label="Zum Admin-Panel"
+              title="Zum Admin-Panel"
+              className="rounded-full p-2 text-slate-600 transition hover:bg-slate-100 dark:text-slate-300 dark:hover:bg-slate-800"
+            >
+              <DynamicIcon name="layout-dashboard" className="h-5 w-5" />
+            </Link>
+          )}
           <ThemeToggle />
           <button
             onClick={() => setOpen((o) => !o)}