added business location via dropdown

src/modules/dashboard/ui/components/DashboardFooter.tsx

@@ -1,6 +1,16 @@
 "use client";
-import { HelpCircle, Settings } from "lucide-react";
+import { HelpCircle, Settings, Plus } from "lucide-react";
 import Link from "next/link";
+import { useState } from "react";
+import type { AuthUserData } from "@/src/lib/auth/getUser";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+} from "@/src/components/ui/dropdown-menu";
+import { ChevronDown } from "lucide-react";
+import { Button } from "@/src/components/ui/button";
 
 const footerMenu = [
   {
@@ -17,9 +27,18 @@ const footerMenu = [
 
 interface DashboardFooterProps {
   displayName: string;
+  userData: AuthUserData;
 }
 
-const DashboardFooter = ({ displayName }: DashboardFooterProps) => {
+const DashboardFooter = ({ displayName, userData }: DashboardFooterProps) => {
+  const isManager = userData.role === "manager";
+  const businesses = isManager ? userData.businesses : [];
+  const [selectedBusinessId, setSelectedBusinessId] = useState(
+    businesses.length > 0 ? businesses[0].id : ""
+  );
+
+  const selectedBusiness = businesses.find((b) => b.id === selectedBusinessId);
+
   return (
     <div>
       {footerMenu.map((item) => (
@@ -30,7 +49,50 @@ const DashboardFooter = ({ displayName }: DashboardFooterProps) => {
           </Link>
         </div>
       ))}
-      <div className="w-full flex items-center gap-4 p-2 mt-4">
+
+      {/* Business Dropdown - nur für Manager */}
+      {isManager && businesses.length > 0 && (
+        <div className="mt-2 mb-2">
+          <DropdownMenu>
+            <DropdownMenuTrigger asChild>
+              <div>
+                <span className="text-xs text-gray-500">Business</span>
+                <button className="w-full flex text-left items-center justify-between p-2 rounded-lg border border-blue hover:bg-gray-100 transition-colors">
+                  <div className="flex flex-col items-start flex-1 min-w-0">
+                    <span className="text-sm font-medium mt-1 truncate w-full">
+                      {selectedBusiness?.name || "Business auswählen"}
+                    </span>
+                  </div>
+                  <ChevronDown size={16} className="ml-2 shrink-0" />
+                </button>
+              </div>
+            </DropdownMenuTrigger>
+            <DropdownMenuContent align="start" className="w-(--radix-dropdown-menu-trigger-width)">
+              {businesses.map((business) => (
+                <DropdownMenuItem
+                  key={business.id}
+                  onSelect={() => setSelectedBusinessId(business.id)}
+                  className="cursor-pointer"
+                >
+                  <div className="flex flex-col">
+                    <span className="font-medium">{business.name}</span>
+                    <span className="text-xs text-gray-500">{business.address}</span>
+                  </div>
+                </DropdownMenuItem>
+              ))}
+              <Link href="/business/add" className="block mt-2">
+                <Button variant="outline" size="sm" className="w-full justify-start gap-2">
+                  <Plus size={16} />
+                  <span className="mt-1">Standort hinzufügen</span>
+                </Button>
+              </Link>
+            </DropdownMenuContent>
+          </DropdownMenu>
+        </div>
+      )}
+
+      {/* DisplayName */}
+      <div className="w-full flex items-center gap-4 p-2 mt-2">
         <div className="w-10 h-10 bg-black rounded-full" />
         <p>{displayName}</p>
       </div>

src/modules/dashboard/ui/components/DashboardSidebar.tsx

@@ -129,7 +129,7 @@ const DashboardSidebar = ({ userData, displayName }: DashboardSidebarProps) => {
         </SidebarGroup>
       </SidebarContent>
       <SidebarFooter>
-        <DashboardFooter displayName={displayName} />
+        <DashboardFooter displayName={displayName} userData={userData} />
       </SidebarFooter>
     </Sidebar>
   );