From 3ece4677fb29b68c35a3690f3b5c05904fdca8e2 Mon Sep 17 00:00:00 2001
From: AlexSserb <aserbin190@gmail.com>
Date: Fri, 15 Aug 2025 11:11:29 +0400
Subject: [PATCH] fix: hidden creating statuses when board is not selected

---
 src/app/deals/components/shared/Funnel/Funnel.tsx | 5 ++++-
 src/components/dnd/FunnelDnd/FunnelDnd.tsx        | 4 +++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/app/deals/components/shared/Funnel/Funnel.tsx b/src/app/deals/components/shared/Funnel/Funnel.tsx
index 2099894..f8f4894 100644
--- a/src/app/deals/components/shared/Funnel/Funnel.tsx
+++ b/src/app/deals/components/shared/Funnel/Funnel.tsx
@@ -6,6 +6,7 @@ import CreateStatusButton from "@/app/deals/components/shared/CreateStatusButton
 import DealCard from "@/app/deals/components/shared/DealCard/DealCard";
 import DealContainer from "@/app/deals/components/shared/DealContainer/DealContainer";
 import StatusColumnWrapper from "@/app/deals/components/shared/StatusColumnWrapper/StatusColumnWrapper";
+import { useBoardsContext } from "@/app/deals/contexts/BoardsContext";
 import { useDealsContext } from "@/app/deals/contexts/DealsContext";
 import useDealsAndStatusesDnd from "@/app/deals/hooks/useDealsAndStatusesDnd";
 import FunnelDnd from "@/components/dnd/FunnelDnd/FunnelDnd";
@@ -14,6 +15,7 @@ import { DealSchema, StatusSchema } from "@/lib/client";
 import { sortByLexorank } from "@/utils/lexorank";
 
 const Funnel: FC = () => {
+    const { selectedBoard } = useBoardsContext();
     const { deals } = useDealsContext();
     const isMobile = useIsMobile();
 
@@ -66,6 +68,7 @@ const Funnel: FC = () => {
                 </StatusColumnWrapper>
             )}
             disabledColumns={isMobile}
+            isCreatingContainerEnabled={!!selectedBoard}
         />
     );
 
@@ -80,7 +83,7 @@ const Funnel: FC = () => {
                 wrap={"nowrap"}
                 gap={"xs"}>
                 {renderFunnelDnd()}
-                <CreateStatusButton />
+                {selectedBoard && <CreateStatusButton />}
             </Group>
         </ScrollArea>
     );
diff --git a/src/components/dnd/FunnelDnd/FunnelDnd.tsx b/src/components/dnd/FunnelDnd/FunnelDnd.tsx
index 7776548..5403ef4 100644
--- a/src/components/dnd/FunnelDnd/FunnelDnd.tsx
+++ b/src/components/dnd/FunnelDnd/FunnelDnd.tsx
@@ -40,6 +40,7 @@ type Props<TContainer, TItem> = {
     getItemsByContainer: (container: TContainer, items: TItem[]) => TItem[];
     activeContainer: TContainer | null;
     activeItem: TItem | null;
+    isCreatingContainerEnabled?: boolean;
     disabledColumns?: boolean;
 };
 
@@ -60,6 +61,7 @@ const FunnelDnd = <
     getItemsByContainer,
     activeContainer,
     activeItem,
+    isCreatingContainerEnabled = true,
     disabledColumns = false,
 }: Props<TContainer, TItem>) => {
     const sensors = useDndSensors();
@@ -106,7 +108,7 @@ const FunnelDnd = <
                     }}
                     classNames={styles}>
                     {renderContainers()}
-                    <CreateStatusButton />
+                    {isCreatingContainerEnabled && <CreateStatusButton />}
                 </Carousel>
             );
         }