remove question drag and drop

This commit is contained in:
karimaldeen 2024-09-14 15:08:53 +03:00
parent cd89ad405b
commit 5c41a13cb1
2 changed files with 37 additions and 6 deletions

View File

@ -36,12 +36,21 @@ const Choices = () => {
}; };
return ( return (
<DragDropContext onDragEnd={handleDragEnd}> <>
{formik?.values?.answers?.map((item: Choice, index: number) => {
return (
<div
>
<ChoiceFields index={index} data={item} />
</div>
);
})}
{/* <DragDropContext onDragEnd={handleDragEnd}>
<Droppable droppableId="choices"> <Droppable droppableId="choices">
{(provided) => ( {(provided) => (
<div {...provided.droppableProps} ref={provided.innerRef}> <div {...provided.droppableProps} ref={provided.innerRef}>
{formik?.values?.answers?.map((item: Choice, index: number) => { {formik?.values?.answers?.map((item: Choice, index: number) => {
// Use a unique identifier for draggableId
const draggableId = item.name const draggableId = item.name
? item.name.toString() ? item.name.toString()
: `item-${index}`; : `item-${index}`;
@ -67,11 +76,12 @@ const Choices = () => {
</Draggable> </Draggable>
); );
})} })}
{provided.placeholder} {/* Placeholder for spacing */} {provided.placeholder}
</div> </div>
)} )}
</Droppable> </Droppable>
</DragDropContext> </DragDropContext> */}
</>
); );
}; };

View File

@ -44,7 +44,28 @@ const Choices = ({ parent_index }: { parent_index: number }) => {
return ( return (
<> <>
<DragDropContext onDragEnd={handleDragEnd}>
<div>
{(
(formik?.values as any)?.Questions?.[parent_index]?.answers ||
[]
).map((item: Choice, index: number) => {
return (
<div
>
<ChoiceFields
key={index}
parent_index={parent_index}
index={index}
data={item}
/>
</div>
);
})}
</div>
{/* <DragDropContext onDragEnd={handleDragEnd}>
<Droppable droppableId="choices"> <Droppable droppableId="choices">
{(provided) => ( {(provided) => (
<div {...provided.droppableProps} ref={provided.innerRef}> <div {...provided.droppableProps} ref={provided.innerRef}>
@ -87,7 +108,7 @@ const Choices = ({ parent_index }: { parent_index: number }) => {
</div> </div>
)} )}
</Droppable> </Droppable>
</DragDropContext> </DragDropContext> */}
</> </>
); );
}; };