fix: retrieve draft for on legacy thread opening

Author: MartinCupela

src/components/MessageInput/hooks/useMessageInputState.ts

@@ -1,8 +1,10 @@
-import type React from 'react';
+import { useEffect } from 'react';
+import { useMessageComposer } from './messageComposer/useMessageComposer';
 import { useMessageInputText } from './useMessageInputText';
 import { useSubmitHandler } from './useSubmitHandler';
 import { usePasteHandler } from './usePasteHandler';
 import { useMediaRecorder } from '../../MediaRecorder/hooks/useMediaRecorder';
+import type React from 'react';
 import type { UpdatedMessage } from 'stream-chat';
 import type { RecordingController } from '../../MediaRecorder/hooks/useMediaRecorder';
 import type { MessageInputProps } from '../MessageInput';
@@ -22,6 +24,19 @@ export const useMessageInputState = (props: MessageInputProps): MessageInputHook
   const { asyncMessagesMultiSendEnabled, audioRecordingConfig, audioRecordingEnabled } =
     props;
 
+  const messageComposer = useMessageComposer();
+
+  useEffect(() => {
+    const threadId = messageComposer.threadId;
+    if (!threadId || !messageComposer.channel || !messageComposer.compositionIsEmpty)
+      return;
+    messageComposer.channel.getDraft({ parent_id: threadId }).then(({ draft }) => {
+      if (draft) {
+        messageComposer.initState({ composition: draft });
+      }
+    });
+  }, [messageComposer]);
+
   const { insertText, textareaRef } = useMessageInputText(props);
 
   const { handleSubmit } = useSubmitHandler(props);