push

innungsapp/apps/admin/components/layout/Sidebar.tsx

@@ -14,20 +14,24 @@ const navItems = [
   { href: '/dashboard/einstellungen', label: 'Einstellungen', icon: Settings },
 ]
 
-export function Sidebar() {
+export function Sidebar({ orgName, logoUrl }: { orgName?: string; logoUrl?: string | null }) {
   const pathname = usePathname()
 
   return (
     <aside className="w-64 bg-white border-r flex flex-col flex-shrink-0">
       {/* Logo */}
-      <div className="px-6 py-5 border-b">
-        <Link href="/dashboard">
-          <span
-            className="text-xl font-bold text-gray-900 tracking-tight"
-            style={{ fontFamily: "'Syne', system-ui, sans-serif" }}
-          >
-            Innungs<span className="text-brand-500">App</span>
-          </span>
+      <div className="px-6 py-5 border-b flex items-center gap-3">
+        <Link href="/dashboard" className="flex items-center gap-3 w-full">
+          {logoUrl ? (
+            <img src={logoUrl} alt={orgName || 'Logo'} className="h-8 max-w-[120px] object-contain" />
+          ) : (
+            <span
+              className="text-xl font-bold text-gray-900 tracking-tight leading-tight line-clamp-2"
+              style={{ fontFamily: "'Syne', system-ui, sans-serif" }}
+            >
+              {orgName || <span>Innungs<span className="text-brand-500">App</span></span>}
+            </span>
+          )}
         </Link>
       </div>