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

refactor: removed constant sizes

Browse Source
This commit is contained in:
AlexSserb
2025-08-14 12:15:09 +04:00
parent b6cec9a308
commit 255a39e2bb
14 changed files with 109 additions and 121 deletions
Download Patch File Download Diff File Expand all files Collapse all files

77
src/components/dnd/FunnelDnd/FunnelDnd.tsx
View File

@ -69,7 +69,7 @@ const FunnelDnd = <
containers.map(container => {
const containerItems = getItemsByContainer(container, items);
const containerId = getContainerId(container);
return (
const item = (
<SortableItem
key={containerId}
id={containerId}
@ -86,11 +86,13 @@ const FunnelDnd = <
}
/>
);
if (!isMobile) return item;
return <Carousel.Slide key={containerId}>{item}</Carousel.Slide>;
});
const renderBody = () => (
<>
{isMobile ? (
const renderBody = () => {
if (isMobile) {
return (
<Carousel
slideSize={"80%"}
slideGap={"md"}
@ -101,31 +103,17 @@ const FunnelDnd = <
{renderContainers()}
<CreateStatusButton />
</Carousel>
) : (
renderContainers()
)}
<FunnelOverlay
activeContainer={activeContainer}
activeItem={activeItem}
renderContainer={container => {
const containerItems = getItemsByContainer(
container,
items
);
const containerId = getContainerId(container);
return renderContainerOverlay(
container,
<FunnelColumn
id={containerId}
items={containerItems}
renderItem={renderItem}
/>
);
}}
renderItem={renderItemOverlay}
/>
</>
);
);
}
return (
<Group
gap={"xs"}
wrap="nowrap"
align="start">
{renderContainers()}
</Group>
);
};
return (
<DndContext
@ -137,16 +125,27 @@ const FunnelDnd = <
<SortableContext
items={containers.map(getContainerId)}
strategy={horizontalListSortingStrategy}>
{isMobile ? (
renderBody()
) : (
<Group
gap={0}
wrap="nowrap"
align="start">
{renderBody()}
</Group>
)}
{renderBody()}
<FunnelOverlay
activeContainer={activeContainer}
activeItem={activeItem}
renderContainer={container => {
const containerItems = getItemsByContainer(
container,
items
);
const containerId = getContainerId(container);
return renderContainerOverlay(
container,
<FunnelColumn
id={containerId}
items={containerItems}
renderItem={renderItem}
/>
);
}}
renderItem={renderItemOverlay}
/>
</SortableContext>
</DndContext>
);