admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Fix dnd on Options->Fields dropdown. (#1921)

Browse Source 
fix dnd
This commit is contained in:
Tom Avalexing
2023-10-10 17:25:06 +03:00
committed by GitHub
parent 04091a4ce0
commit 6a3002ddf9
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
front/src/modules/ui/draggable-list/components/DraggableList.tsx
View File

@ -1,3 +1,4 @@
import { useState } from 'react';
import styled from '@emotion/styled'; import styled from '@emotion/styled';
import { import {
DragDropContext, DragDropContext,
@ -5,7 +6,6 @@ import {
OnDragEndResponder, OnDragEndResponder,
} from '@hello-pangea/dnd'; } from '@hello-pangea/dnd';
import { v4 } from 'uuid'; import { v4 } from 'uuid';
type DraggableListProps = { type DraggableListProps = {
draggableItems: React.ReactNode; draggableItems: React.ReactNode;
onDragEnd: OnDragEndResponder; onDragEnd: OnDragEndResponder;
@ -19,10 +19,12 @@ export const DraggableList = ({
draggableItems, draggableItems,
onDragEnd, onDragEnd,
}: DraggableListProps) => { }: DraggableListProps) => {
const [v4Persistable] = useState(v4());
return ( return (
<DragDropContext onDragEnd={onDragEnd}> <DragDropContext onDragEnd={onDragEnd}>
<StyledDragDropItemsWrapper> <StyledDragDropItemsWrapper>
<Droppable droppableId={v4()}> <Droppable droppableId={v4Persistable}>
{(provided) => ( {(provided) => (
<div ref={provided.innerRef} {...provided.droppableProps}> <div ref={provided.innerRef} {...provided.droppableProps}>
{draggableItems} {draggableItems}