feat: disable dnds for mobile
This commit is contained in:
@ -12,6 +12,7 @@ type Props<TItem> = {
|
||||
items: TItem[];
|
||||
renderItem: (item: TItem) => ReactNode;
|
||||
children?: ReactNode;
|
||||
disabled?: boolean;
|
||||
};
|
||||
|
||||
const FunnelColumn = <TItem extends BaseDraggable>({
|
||||
@ -19,6 +20,7 @@ const FunnelColumn = <TItem extends BaseDraggable>({
|
||||
items,
|
||||
renderItem,
|
||||
children,
|
||||
disabled = false,
|
||||
}: Props<TItem>) => {
|
||||
const { setNodeRef } = useDroppable({ id });
|
||||
|
||||
@ -26,6 +28,7 @@ const FunnelColumn = <TItem extends BaseDraggable>({
|
||||
<>
|
||||
{children}
|
||||
<SortableContext
|
||||
disabled={disabled}
|
||||
id={id}
|
||||
items={items}
|
||||
strategy={verticalListSortingStrategy}>
|
||||
|
||||
@ -36,6 +36,7 @@ type Props<TContainer, TItem> = {
|
||||
getItemsByContainer: (container: TContainer, items: TItem[]) => TItem[];
|
||||
activeContainer: TContainer | null;
|
||||
activeItem: TItem | null;
|
||||
disabled?: boolean;
|
||||
};
|
||||
|
||||
const FunnelDnd = <
|
||||
@ -55,6 +56,7 @@ const FunnelDnd = <
|
||||
getItemsByContainer,
|
||||
activeContainer,
|
||||
activeItem,
|
||||
disabled = false,
|
||||
}: Props<TContainer, TItem>) => {
|
||||
const sensors = useDndSensors();
|
||||
|
||||
@ -81,7 +83,8 @@ const FunnelDnd = <
|
||||
return (
|
||||
<SortableItem
|
||||
key={containerId}
|
||||
id={containerId}>
|
||||
id={containerId}
|
||||
disabled={disabled}>
|
||||
{renderContainer(
|
||||
container,
|
||||
<FunnelColumn
|
||||
@ -108,6 +111,7 @@ const FunnelDnd = <
|
||||
id={containerId}
|
||||
items={containerItems}
|
||||
renderItem={renderItem}
|
||||
disabled={disabled}
|
||||
/>
|
||||
);
|
||||
}}
|
||||
|
||||
Reference in New Issue
Block a user