feat: добавить создание доски из QuickCreate

src/widgets/quick-create/ui/QuickCreate.tsx

@@ -1,28 +1,22 @@
 'use client';
-
+import { useState } from 'react';
+import { FolderPlus, Plus, UsersRound, LayoutGrid } from 'lucide-react';
+import { useParams } from 'next/navigation';
 import { useTeamStore } from 'entities/team';
 import { CreateProjectDialog } from 'features/projects/create';
 import { CreateTeamDialog } from 'features/teams/create';
-import { FolderPlus, Plus, UsersRound } from 'lucide-react';
-import { useState } from 'react';
-import {
-  Button,
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-  Item,
-  ItemContent,
-  ItemDescription,
-  ItemMedia,
-  ItemTitle,
-} from 'shared/ui';
+import { CreateBoardDialog } from 'features/boards/create';
+import { Button, DropdownMenu, DropdownMenuContent, DropdownMenuTrigger } from 'shared/ui';
+import { QuickCreateItem } from './QuickCreateItem'; // ← Новый импорт
 
 export function QuickCreate() {
   const teamId = useTeamStore.use.teamId();
   const [open, setOpen] = useState(false);
   const [createTeamOpen, setCreateTeamOpen] = useState(false);
   const [createProjectOpen, setCreateProjectOpen] = useState(false);
+  const [createBoardOpen, setCreateBoardOpen] = useState(false);
+  const params = useParams<{ projectSlug: string }>();
+  const projectSlug = params?.projectSlug;
 
   return (
     <div>
@@ -41,51 +35,45 @@ export function QuickCreate() {
           align="end"
           className="w-(--radix-dropdown-menu-trigger-width) min-w-56 rounded-lg"
         >
-          <DropdownMenuItem
-            onSelect={(e) => {
-              e.preventDefault();
+          <QuickCreateItem
+            icon={<UsersRound className="text-muted-foreground" />}
+            title="Команда"
+            description="Создать новую команду"
+            onOpenChange={() => {
               setOpen(false);
               setCreateTeamOpen(true);
             }}
-          >
-            <Item className="flex-nowrap p-0">
-              <ItemMedia className="bg-primary/20 rounded-full p-2">
-                <UsersRound className="text-muted-foreground" />
-              </ItemMedia>
-              <ItemContent>
-                <ItemTitle>Команда</ItemTitle>
-                <ItemDescription className="whitespace-nowrap">
-                  Создать новую команду
-                </ItemDescription>
-              </ItemContent>
-            </Item>
-          </DropdownMenuItem>
-          <DropdownMenuItem
+          />
+
+          <QuickCreateItem
+            icon={<FolderPlus className="text-muted-foreground" />}
+            title="Проект"
+            description="Создать новый проект"
             disabled={!teamId}
-            onSelect={(e) => {
-              e.preventDefault();
+            onOpenChange={() => {
               setOpen(false);
               setCreateProjectOpen(true);
             }}
-          >
-            <Item className="flex-nowrap p-0">
-              <ItemMedia className="bg-primary/20 rounded-full p-2">
-                <FolderPlus className="text-muted-foreground" />
-              </ItemMedia>
-              <ItemContent>
-                <ItemTitle>Проект</ItemTitle>
-                <ItemDescription className="whitespace-nowrap">
-                  Создать новый проект
-                </ItemDescription>
-              </ItemContent>
-            </Item>
-          </DropdownMenuItem>
+          />
+
+          <QuickCreateItem
+            icon={<LayoutGrid className="text-muted-foreground" />}
+            title="Доска"
+            description="Создать новую доску в проекте"
+            disabled={!projectSlug}
+            onOpenChange={() => {
+              setOpen(false);
+              setCreateBoardOpen(true);
+            }}
+          />
         </DropdownMenuContent>
       </DropdownMenu>
+
       <CreateTeamDialog dialog={{ open: createTeamOpen, onOpenChange: setCreateTeamOpen }} />
       <CreateProjectDialog
         dialog={{ open: createProjectOpen, onOpenChange: setCreateProjectOpen }}
       />
+      <CreateBoardDialog dialog={{ open: createBoardOpen, onOpenChange: setCreateBoardOpen }} />
     </div>
   );
 }

src/widgets/quick-create/ui/QuickCreateItem.tsx

@@ -0,0 +1,43 @@
+import { ReactNode } from 'react';
+import {
+  DropdownMenuItem,
+  Item,
+  ItemContent,
+  ItemDescription,
+  ItemMedia,
+  ItemTitle,
+} from 'shared/ui';
+
+interface QuickCreateItemProps {
+  icon: ReactNode;
+  title: string;
+  description: string;
+  disabled?: boolean;
+  onOpenChange: () => void;
+}
+
+export function QuickCreateItem({
+  icon,
+  title,
+  description,
+  disabled = false,
+  onOpenChange,
+}: QuickCreateItemProps) {
+  return (
+    <DropdownMenuItem
+      disabled={disabled}
+      onSelect={(e) => {
+        e.preventDefault();
+        onOpenChange();
+      }}
+    >
+      <Item className="flex-nowrap p-0">
+        <ItemMedia className="bg-primary/20 rounded-full p-2">{icon}</ItemMedia>
+        <ItemContent>
+          <ItemTitle>{title}</ItemTitle>
+          <ItemDescription className="whitespace-nowrap">{description}</ItemDescription>
+        </ItemContent>
+      </Item>
+    </DropdownMenuItem>
+  );
+}