feat: global platform update

components/nav-user.tsx

@@ -1,7 +1,6 @@
 "use client";
 
-import { LogOut, User } from "lucide-react";
-import { useRouter } from "next/navigation";
+import { Building2, Check, LogOut, Plus } from "lucide-react";
 
 import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
 import {
@@ -19,19 +18,26 @@ import {
   useSidebar,
 } from "@/components/ui/sidebar";
 import { useAuth } from "@/components/auth/auth-provider";
+import type { Workspace } from "@/lib/types/api";
 
 export function NavUser({
   user,
+  workspaceSwitcher,
 }: {
   user: {
     name: string;
     email: string;
     avatar: string;
   };
+  workspaceSwitcher?: {
+    workspaces: Workspace[];
+    currentWorkspaceId?: string;
+    onSelect: (workspace: Workspace) => void;
+    onCreate?: () => void;
+  };
 }) {
   const { isMobile } = useSidebar();
   const { logout } = useAuth();
-  const router = useRouter();
 
   const handleLogout = () => {
     logout();
@@ -91,6 +97,51 @@ export function NavUser({
                 </div>
               </div>
             </DropdownMenuLabel>
+            {workspaceSwitcher && (
+              <>
+                <DropdownMenuSeparator />
+                <DropdownMenuLabel className="text-xs text-muted-foreground">
+                  Воркспейсы
+                </DropdownMenuLabel>
+                {workspaceSwitcher.workspaces.length > 0 ? (
+                  workspaceSwitcher.workspaces.map((workspace) => (
+                    <DropdownMenuItem
+                      key={workspace.id}
+                      onClick={() => workspaceSwitcher.onSelect(workspace)}
+                      className="gap-2 p-2 text-sm"
+                    >
+                      <div className="flex size-6 items-center justify-center rounded-sm border">
+                        <Building2 className="size-4 shrink-0" />
+                      </div>
+                      <span className="flex-1 truncate">{workspace.name}</span>
+                      {workspaceSwitcher.currentWorkspaceId === workspace.id && (
+                        <Check className="size-4 ml-auto" />
+                      )}
+                    </DropdownMenuItem>
+                  ))
+                ) : (
+                  <div className="px-2 py-1.5 text-sm text-muted-foreground">
+                    Нет доступных воркспейсов
+                  </div>
+                )}
+                {workspaceSwitcher.onCreate && (
+                  <>
+                    <DropdownMenuSeparator />
+                    <DropdownMenuItem
+                      onClick={workspaceSwitcher.onCreate}
+                      className="gap-2 p-2"
+                    >
+                      <div className="flex size-6 items-center justify-center rounded-md border bg-background">
+                        <Plus className="size-4" />
+                      </div>
+                      <span className="text-muted-foreground">
+                        Создать воркспейс
+                      </span>
+                    </DropdownMenuItem>
+                  </>
+                )}
+              </>
+            )}
             <DropdownMenuSeparator />
             <DropdownMenuItem onClick={handleLogout}>
               <LogOut className="mr-2 h-4 w-4" />