From 8731a33c330da7550171c7e65b72a9f1df18b86b Mon Sep 17 00:00:00 2001
From: bang9 <gusrn1423@naver.com>
Date: Tue, 22 Oct 2024 13:42:45 +0900
Subject: [PATCH] fix: pass missing locale to DateSeparator

---
 src/components/chat/hooks/useBotStudioView.tsx | 3 ++-
 src/components/chat/ui/ChatMessageList.tsx     | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/chat/hooks/useBotStudioView.tsx b/src/components/chat/hooks/useBotStudioView.tsx
index 7e72bd509..348b710a7 100644
--- a/src/components/chat/hooks/useBotStudioView.tsx
+++ b/src/components/chat/hooks/useBotStudioView.tsx
@@ -12,7 +12,7 @@ import SuggestedRepliesContainer from '../../SuggestedRepliesContainer';
 import { useChatContext } from '../context/ChatProvider';
 
 export const useBotStudioView = () => {
-  const { botStudioEditProps = {}, botId, replacementTextList, stringSet } = useConstantState();
+  const { botStudioEditProps = {}, botId, replacementTextList, stringSet, dateLocale } = useConstantState();
   const { dataSource, handlers } = useChatContext();
   const { suggestedRepliesDirection, welcomeMessages = [] } = botStudioEditProps;
   const { messages } = dataSource;
@@ -53,6 +53,7 @@ export const useBotStudioView = () => {
             className={dateSeparatorMargin}
             date={firstOriginalWM?.createdAt}
             formatString={stringSet.DATE_FORMAT__MESSAGE_LIST__DATE_SEPARATOR}
+            locale={dateLocale}
           />
           {welcomeMessages.map((msg, index) => {
             if ('message' in msg) {
diff --git a/src/components/chat/ui/ChatMessageList.tsx b/src/components/chat/ui/ChatMessageList.tsx
index 1e40766d2..adbbe1893 100644
--- a/src/components/chat/ui/ChatMessageList.tsx
+++ b/src/components/chat/ui/ChatMessageList.tsx
@@ -20,7 +20,7 @@ import { useTypingTargetMessageId } from '../hooks/useTypingTargetMessageId';
 
 export const ChatMessageList = () => {
   const { channel, dataSource, scrollSource, handlers } = useChatContext();
-  const { botStudioEditProps, customUserAgentParam, stringSet } = useConstantState();
+  const { botStudioEditProps, customUserAgentParam, stringSet, dateLocale } = useConstantState();
 
   const typingTargetMessageId = useTypingTargetMessageId();
   const { filteredMessages, shouldShowOriginalDate, renderBotStudioWelcomeMessages } = useBotStudioView();
@@ -63,6 +63,7 @@ export const ChatMessageList = () => {
                   className={dateSeparatorMargin}
                   date={message.createdAt}
                   formatString={stringSet.DATE_FORMAT__MESSAGE_LIST__DATE_SEPARATOR}
+                  locale={dateLocale}
                 />
               )}
               <div style={{ marginBottom: index === filteredMessages.length - 1 ? 0 : 16 }}>