From 20ade53d52427b9055633ce875332580bcee5ed8 Mon Sep 17 00:00:00 2001
From: AlexSserb <aserbin190@gmail.com>
Date: Wed, 13 Aug 2025 22:12:14 +0400
Subject: [PATCH] fix: fixed dnd of boards

---
 .../deals/components/desktop/Board/Board.tsx  | 76 ++++++++++---------
 1 file changed, 39 insertions(+), 37 deletions(-)

diff --git a/src/app/deals/components/desktop/Board/Board.tsx b/src/app/deals/components/desktop/Board/Board.tsx
index ade3f0c..1c66313 100644
--- a/src/app/deals/components/desktop/Board/Board.tsx
+++ b/src/app/deals/components/desktop/Board/Board.tsx
@@ -1,5 +1,5 @@
 import React, { FC, useState } from "react";
-import { Box, Group, Text } from "@mantine/core";
+import { Box, Flex, Group, Text } from "@mantine/core";
 import styles from "@/app/deals/components/desktop/Board/Board.module.css";
 import BoardMenu from "@/app/deals/components/shared/BoardMenu/BoardMenu";
 import { useBoardsContext } from "@/app/deals/contexts/BoardsContext";
@@ -17,42 +17,44 @@ const Board: FC<Props> = ({ board }) => {
     const { onUpdateBoard } = useBoardsContext();
 
     return (
-        <SmallPageBlock active={selectedBoard?.id === board.id}>
-            <Group
-                px={"md"}
-                py={"xs"}
-                bdrs={"lg"}
-                justify={"space-between"}
-                className={styles.board}
-                onMouseEnter={() => setIsHovered(true)}
-                onMouseLeave={() => setIsHovered(false)}>
-                <InPlaceInput
-                    defaultValue={board.name}
-                    onComplete={value =>
-                        onUpdateBoard(board.id, { name: value })
-                    }
-                    inputStyles={{
-                        input: {
-                            height: 25,
-                            minHeight: 25,
-                        },
-                    }}
-                    getChildren={startEditing => (
-                        <>
-                            <Box>
-                                <Text>{board.name}</Text>
-                            </Box>
-                            <BoardMenu
-                                isHovered={isHovered}
-                                board={board}
-                                startEditing={startEditing}
-                            />
-                        </>
-                    )}
-                    modalTitle={"Редактирование доски"}
-                />
-            </Group>
-        </SmallPageBlock>
+        <Flex>
+            <SmallPageBlock active={selectedBoard?.id === board.id}>
+                <Group
+                    px={"md"}
+                    py={"xs"}
+                    bdrs={"lg"}
+                    justify={"space-between"}
+                    className={styles.board}
+                    onMouseEnter={() => setIsHovered(true)}
+                    onMouseLeave={() => setIsHovered(false)}>
+                    <InPlaceInput
+                        defaultValue={board.name}
+                        onComplete={value =>
+                            onUpdateBoard(board.id, { name: value })
+                        }
+                        inputStyles={{
+                            input: {
+                                height: 25,
+                                minHeight: 25,
+                            },
+                        }}
+                        getChildren={startEditing => (
+                            <>
+                                <Box>
+                                    <Text>{board.name}</Text>
+                                </Box>
+                                <BoardMenu
+                                    isHovered={isHovered}
+                                    board={board}
+                                    startEditing={startEditing}
+                                />
+                            </>
+                        )}
+                        modalTitle={"Редактирование доски"}
+                    />
+                </Group>
+            </SmallPageBlock>
+        </Flex>
     );
 };