Configured delete while edit (#1021)

Author: ShashwatPS

packages/react/src/store/messageStore.js

@@ -8,6 +8,7 @@ const useMessageStore = create((set, get) => ({
   threadMessages: [],
   filtered: false,
   editMessage: {},
+  deletedMessage: {},
   messagesOffset: 0,
   quoteMessage: [],
   deleteMessageRoles: {},
@@ -51,13 +52,15 @@ const useMessageStore = create((set, get) => ({
     const message = get().messages.find((m) => m._id === messageId);
     if (threadMessage) {
       return set((state) => ({
+        deletedMessage: threadMessage,
         threadMessages: cloneArray(state.threadMessages).filter(
           (m) => m._id !== messageId
         ),
       }));
     }
     if (message) {
       return set((state) => ({
+        deletedMessage: message,
         messages: cloneArray(state.messages).filter((m) => m._id !== messageId),
       }));
     }

packages/react/src/views/ChatInput/ChatInput.js

@@ -102,6 +102,7 @@ const ChatInput = ({ scrollToBottom }) => {
     replaceMessage,
     clearQuoteMessages,
     threadId,
+    deletedMessage,
   } = useMessageStore((state) => ({
     editMessage: state.editMessage,
     setEditMessage: state.setEditMessage,
@@ -111,6 +112,7 @@ const ChatInput = ({ scrollToBottom }) => {
     replaceMessage: state.replaceMessage,
     threadId: state.threadMainMessage?._id,
     clearQuoteMessages: state.clearQuoteMessages,
+    deletedMessage: state.deletedMessage,
   }));
 
   const setIsLoginModalOpen = useLoginStore(
@@ -168,6 +170,18 @@ const ChatInput = ({ scrollToBottom }) => {
     }
   }, [editMessage]);
 
+  useEffect(() => {
+    if (
+      deletedMessage._id &&
+      editMessage._id &&
+      deletedMessage._id === editMessage._id
+    ) {
+      messageRef.current.value = '';
+      setDisableButton(true);
+      setEditMessage({});
+    }
+  }, [deletedMessage]);
+
   const getMessageLink = async (id) => {
     const host = RCInstance.getHost();
     const res = await RCInstance.channelInfo();