fix: should scroll to bottom when sending a message in open channel (#906)

- ticket: [CLNP-1856]


[CLNP-1856]:
https://sendbird.atlassian.net/browse/CLNP-1856?atlOrigin=eyJpIjoiNWRkNTljNzYxNjVmNDY3MDlhMDU5Y2ZhYzA5YTRkZjUiLCJwIjoiZ2l0aHViLWNvbS1KU1cifQ

Author: bang9

src/modules/OpenChannel/context/hooks/useFileUploadCallback.tsx

@@ -35,7 +35,6 @@ type CallbackReturn = (files: Array<File> | File) => void;
 
 function useFileUploadCallback({
   currentOpenChannel,
-  checkScrollBottom,
   imageCompression = {},
   onBeforeSendFileMessage,
 }: DynamicParams,
@@ -100,7 +99,6 @@ function useFileUploadCallback({
       const params = onBeforeSendFileMessage ? onBeforeSendFileMessage(compressedFile) : createParamsDefault(compressedFile);
       logger.info('OpenChannel | useFileUploadCallback: Uploading file message start', params);
 
-      const isBottom = checkScrollBottom();
       currentOpenChannel.sendFileMessage(params)
         .onPending((pendingMessage) => {
           messagesDispatcher({
@@ -115,18 +113,15 @@ function useFileUploadCallback({
               channel: currentOpenChannel,
             },
           });
+
+          setTimeout(() => utils.scrollIntoLast(0, scrollRef));
         })
         .onSucceeded((message) => {
           logger.info('OpenChannel | useFileUploadCallback: Sending message succeeded', message);
           messagesDispatcher({
             type: messageActionTypes.SENDING_MESSAGE_SUCCEEDED,
             payload: message,
           });
-          if (isBottom) {
-            setTimeout(() => {
-              utils.scrollIntoLast(0, scrollRef);
-            });
-          }
         })
         .onFailed((error, message) => {
           logger.error('OpenChannel | useFileUploadCallback: Sending file message failed', { message, error });
@@ -140,7 +135,7 @@ function useFileUploadCallback({
           });
         });
     }
-  }, [currentOpenChannel, onBeforeSendFileMessage, checkScrollBottom, imageCompression]);
+  }, [currentOpenChannel, onBeforeSendFileMessage, imageCompression]);
 }
 
 export default useFileUploadCallback;

src/modules/OpenChannel/context/hooks/useSendMessageCallback.ts

@@ -21,7 +21,7 @@ interface StaticParams {
 }
 
 function useSendMessageCallback(
-  { currentOpenChannel, onBeforeSendUserMessage, checkScrollBottom, messageInputRef }: DynamicParams,
+  { currentOpenChannel, onBeforeSendUserMessage, messageInputRef }: DynamicParams,
   { sdk, logger, messagesDispatcher, scrollRef }: StaticParams,
 ): () => void {
   return useCallback(() => {
@@ -41,7 +41,6 @@ function useSendMessageCallback(
       const params = onBeforeSendUserMessage ? onBeforeSendUserMessage(text) : createParamsDefault(text);
       logger.info('OpenChannel | useSendMessageCallback: Sending message has started', params);
 
-      const isBottom = checkScrollBottom();
       let pendingMsg = null;
       currentOpenChannel.sendUserMessage(params)
         .onPending((pendingMessage) => {
@@ -53,18 +52,15 @@ function useSendMessageCallback(
             },
           });
           pendingMsg = pendingMessage;
+
+          setTimeout(() => utils.scrollIntoLast(0, scrollRef));
         })
         .onSucceeded((message) => {
           logger.info('OpenChannel | useSendMessageCallback: Sending message succeeded', message);
           messagesDispatcher({
             type: messageActionTypes.SENDING_MESSAGE_SUCCEEDED,
             payload: message,
           });
-          if (isBottom) {
-            setTimeout(() => {
-              utils.scrollIntoLast(0, scrollRef);
-            });
-          }
         })
         .onFailed((error) => {
           logger.warning('OpenChannel | useSendMessageCallback: Sending message failed', error);
@@ -86,7 +82,7 @@ function useSendMessageCallback(
           }
         });
     }
-  }, [currentOpenChannel, onBeforeSendUserMessage, checkScrollBottom, messageInputRef]);
+  }, [currentOpenChannel, onBeforeSendUserMessage, messageInputRef]);
 }
 
 export default useSendMessageCallback;