Drag reorder of Prompt messages in the prompt editor

Question

Drag reorder of Prompt messages in the prompt editor

arielweinberger opened this issue a year ago · 3 comments

arielweinberger commented a year ago

Proposal

Add a drag handle for reach hat message (marked in red). Use the HolderOutlined Ant icon for this. This will be the handle for dragging, and will drag the entire message.
Use the react-beautiful-dnd NPM package to handle dragging and sorting.
Make sure to reflect the the new order in the Antd form used to manage message (check out this file). Then it will automatically be saved correctly on the back-end.

Answer 1 · 2023-10-14T19:00:14.000Z

Please assign this issue to me

Answer 2 · 2023-10-14T19:08:51.000Z

Good luck @adityapuri75

Answer 3 · 2023-10-16T19:08:59.000Z

Hello @arielweinberger, i was able to implement drag and drop but the message can be dragged from anywhere within the message body. Dragging through the handle giving me some issues but i am trying to resolve that will update you here soon.