openclaw - 💡(How to fix) Fix 功能建议：左侧对话列表管理功能优化 [1 participants]

import { DragDropContext, Droppable, Draggable } from 'eact-beautiful-dnd';

const ConversationList = () => {
  const [conversations, setConversations] = useState([]);
  const [groups, setGroups] = useState({});

  const onDragEnd = (result) => {
    // Update conversation order and groups
  };

  return (
    <DragDropContext onDragEnd={onDragEnd}>
      {Object.keys(groups).map((groupId) => (
        <Droppable key={groupId} droppableId={groupId}>
          {(provided) => (
            <div ref={provided.innerRef} {...provided.droppableProps}>
              {conversations
               .filter((conversation) => conversation.groupId === groupId)
               .map((conversation, index) => (
                  <Draggable key={conversation.id} draggableId={conversation.id} index={index}>
                    {(provided) => (
                      <div ref={provided.innerRef} {...provided.draggableProps} {...provided.dragHandleProps}>
                        {conversation.name}
                      </div>
                    )}
                  </Draggable>
                ))}
              {provided.placeholder}
            </div>
          )}
        </Droppable>
      ))}
    </DragDropContext>
  );
};

const renameConversation = (conversationId, newName) => {
  // Update conversation name in state and database
};

const moveConversation = (conversationId, newGroupId) => {
  // Update conversation group in state and database
};