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

fix: spacing between statuses and cards, tag labels

Browse Source
This commit is contained in:
AlexSserb
2025-03-12 00:59:13 +04:00
parent 98266a8a8f
commit 7dcb646b82
4 changed files with 19 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/Dnd/Boards/Board/Board.tsx
View File

@@ -61,11 +61,6 @@ const Board = ({ board }: Props) => {
<div <div
{...provided.droppableProps} {...provided.droppableProps}
ref={provided.innerRef} ref={provided.innerRef}
onMouseEnter={() => {
if (dragState === DragState.DRAG_CARD) {
setSelectedBoard(board);
}
}}
> >
<Draggable <Draggable
draggableId={"board-" + board.id.toString()} draggableId={"board-" + board.id.toString()}

4
src/components/Dnd/Cards/CardTags/CardTags.tsx
View File

@@ -1,4 +1,4 @@
import { Center, Checkbox, Group, Menu, Pill, rem, Stack, Text } from "@mantine/core"; import { Center, Checkbox, Group, Menu, Pill, rem, Stack } from "@mantine/core";
import { CardTagSchema, CardTagService } from "../../../../client"; import { CardTagSchema, CardTagService } from "../../../../client";
import { IconPlus } from "@tabler/icons-react"; import { IconPlus } from "@tabler/icons-react";
import styles from "./CardTags.module.css"; import styles from "./CardTags.module.css";
@@ -63,8 +63,8 @@ const CardTags = ({ tags, cardId, groupId }: Props) => {
<Checkbox <Checkbox
checked={!!tags.find(cardTag => cardTag.id === tag.id)} checked={!!tags.find(cardTag => cardTag.id === tag.id)}
onClick={(event) => onTagClick(tag, event)} onClick={(event) => onTagClick(tag, event)}
label={tag.name}
/> />
<Text>{tag.name}</Text>
</Group> </Group>
))} ))}
</Stack> </Stack>

1
src/components/Dnd/Cards/CardsDndColumn/DealsDndColumn.module.css
View File

@@ -11,6 +11,7 @@
flex-direction: column; flex-direction: column;
/*background-color: red;*/ /*background-color: red;*/
height: 100%; height: 100%;
margin-top: 8px;
} }
.items-list::after { .items-list::after {

28
src/pages/CardsPage/ui/CardsPage.tsx
View File

@@ -1,4 +1,4 @@
import { FC, useState } from "react"; import { FC, useMemo, useState } from "react";
import { useCardSummaries } from "../hooks/useCardSummaries.tsx"; import { useCardSummaries } from "../hooks/useCardSummaries.tsx";
import PageBlock from "../../../components/PageBlock/PageBlock.tsx"; import PageBlock from "../../../components/PageBlock/PageBlock.tsx";
import CardEditDrawer from "../drawers/CardEditDrawer/CardEditDrawer.tsx"; import CardEditDrawer from "../drawers/CardEditDrawer/CardEditDrawer.tsx";
@@ -25,18 +25,22 @@ export const CardsPage: FC = () => {
const [displayMode, setDisplayMode] = useState<DisplayMode>(DisplayMode.BOARD); const [displayMode, setDisplayMode] = useState<DisplayMode>(DisplayMode.BOARD);
const tableBody = ( const tableBody = useMemo(() => {
<CardsTable items={data} /> return (
); <CardsTable items={data} />
);
}, [data]);
const boardsBody = ( const boardsBody = useMemo(() => {
<DndContextProvider return (
summariesRaw={summariesRaw} <DndContextProvider
refetchSummaries={refetchSummaries} summariesRaw={summariesRaw}
> refetchSummaries={refetchSummaries}
<Boards /> >
</DndContextProvider> <Boards />
); </DndContextProvider>
);
}, [summariesRaw]);
const getBody = () => { const getBody = () => {
return ( return (