From 5eaaea535c0fe5f2d3a6e45202fc6eaab36c8b42 Mon Sep 17 00:00:00 2001
From: Sakamoto Shiina <68018796+ShiinaSakamoto@users.noreply.github.com>
Date: Mon, 9 Sep 2024 12:37:38 +0900
Subject: [PATCH] =?UTF-8?q?[Update]=20Main=20Page:=20Log=20Box.=20?=
 =?UTF-8?q?=E7=BF=BB=E8=A8=B3=E5=BE=8C=E6=96=87=E7=AB=A0=E8=A1=A8=E7=A4=BA?=
 =?UTF-8?q?=E5=AF=BE=E5=BF=9C=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../log_box/message_container/MessageContainer.jsx         | 3 ++-
 src-ui/logics/useMessage.js                                | 7 ++++---
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src-ui/app/main_page/main_section/message_container/log_box/message_container/MessageContainer.jsx b/src-ui/app/main_page/main_section/message_container/log_box/message_container/MessageContainer.jsx
index 7446823b..8ed027d1 100644
--- a/src-ui/app/main_page/main_section/message_container/log_box/message_container/MessageContainer.jsx
+++ b/src-ui/app/main_page/main_section/message_container/log_box/message_container/MessageContainer.jsx
@@ -33,10 +33,11 @@ export const MessageContainer = ({ messages, status, category, created_at }) =>
 };
 
 const WithTranslatedMessages = ({ messages }) => {
+    const translated_data = Array.isArray(messages.translated) ? messages.translated : [messages.translated];
     return (
         <>
             <p className={styles.message_second}>{messages.original}</p>
-            {messages.translated.map((message, index) => (
+            {translated_data.map((message, index) => (
                 <p key={index} className={styles.message_main}>{message}</p>
             ))}
         </>
diff --git a/src-ui/logics/useMessage.js b/src-ui/logics/useMessage.js
index ebdb1b19..089a72b4 100644
--- a/src-ui/logics/useMessage.js
+++ b/src-ui/logics/useMessage.js
@@ -32,7 +32,7 @@ export const useMessage = () => {
 
         updateSentMessageLog: (payload) => {
             const data = payload.data;
-            updateMessageLogsStatus(updateItemById(data.id));
+            updateMessageLogsStatus(updateItemById(data.id, data.translation));
         },
         addSentMessageLog: (payload) => {
             const data = payload.data;
@@ -63,16 +63,17 @@ const generateMessageObject = (data, category) => {
         status: "ok",
         messages: {
             original: data.message,
-            translated: [],
+            translated: data.translation,
         },
     };
 };
 
 
-const updateItemById = (id) => (prev_items) => {
+const updateItemById = (id, translated_data) => (prev_items) => {
     return prev_items.map(item => {
         if (item.id === id) {
             item.status = "ok";
+            item.messages.translated = translated_data;
         }
         return item;
     });