feat: Added messageStackDirection in Constant

sendbird · Dec 17, 2024 · 9fc159e · 9fc159e
1 parent bc82954
commit 9fc159e
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git a/src/components/chat/ui/ChatMessageList.tsx b/src/components/chat/ui/ChatMessageList.tsx
@@ -20,7 +20,14 @@ import { useTypingTargetMessageId } from '../hooks/useTypingTargetMessageId';
 
 export const ChatMessageList = () => {
   const { channel, dataSource, scrollSource, handlers } = useChatContext();
-  const { botStudioEditProps, customUserAgentParam, stringSet, dateLocale, enableMessageGrouping } = useConstantState();
+  const {
+    botStudioEditProps,
+    customUserAgentParam,
+    stringSet,
+    dateLocale,
+    enableMessageGrouping,
+    messageStackDirection = 'bottom',
+  } = useConstantState();
 
   const typingTargetMessageId = useTypingTargetMessageId();
   const { filteredMessages, shouldShowOriginalDate, renderBotStudioWelcomeMessages } = useBotStudioView();
@@ -42,7 +49,7 @@ export const ChatMessageList = () => {
         scrollPositionRef={scrollSource.scrollPositionRef}
         scrollDistanceFromBottomRef={scrollSource.scrollDistanceFromBottomRef}
         onScrollPosition={(it) => scrollSource.setIsScrollBottomReached(it === 'bottom')}
-        stackDirection={'bottom'}
+        stackDirection={messageStackDirection}
         messages={filteredMessages}
         onLoadPrev={dataSource.loadPrevious}
         onLoadNext={dataSource.loadNext}

diff --git a/src/const.ts b/src/const.ts
@@ -187,6 +187,11 @@ export interface Constant extends ConstantFeatureFlags, ConstantAIFeatures, Cons
    * @description Message input state controlling properties.
    */
   messageInputControls?: MessageInputControls;
+  /**
+   * @public
+   * @description
+   * */
+  messageStackDirection?: 'top' | 'bottom';
   /**
    * @private
    * @description Whether to show the beta mark.