fakz9/Crm-Frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: fixed dnd of boards

Browse Source
This commit is contained in:
AlexSserb
2025-08-13 22:12:14 +04:00
parent 7932f3f5c8
commit 20ade53d52
1 changed files with 39 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

76
src/app/deals/components/desktop/Board/Board.tsx
View File

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