From 17e450310eb2dbdf2b611aca023139497461c4b2 Mon Sep 17 00:00:00 2001
From: Sakamoto Shiina <68018796+ShiinaSakamoto@users.noreply.github.com>
Date: Wed, 17 Sep 2025 23:32:35 +0900
Subject: [PATCH] [bugfix] Fix the bugs: A message resend/edit feature that was
 not working. Romaji didn't show up even when mouse hover at some point.

---
 .../log_box/message_container/MessageContainer.jsx   | 12 +++++-------
 .../message_input_box/MessageInputBox.jsx            |  2 +-
 2 files changed, 6 insertions(+), 8 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 cd36754d..3c7c0c2c 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
@@ -17,10 +17,10 @@ export const MessageContainer = ({ messages, status, category, created_at }) =>
     const [is_locked, setIsLocked] = useState(false);
 
     const resendFunction = () => {
-        sendMessage(messages.original);
+        sendMessage(messages.original.message);
     };
     const editFunction = () => {
-        updateMessageInputValue(messages.original);
+        updateMessageInputValue(messages.original.message);
     };
 
     const handleMouseEnter = () => {
@@ -94,19 +94,17 @@ const MessageWithTransliteration = ({ item }) => {
         const hira = token.hira ?? "";
         const hepburn = token.hepburn ?? "";
 
-        if ((hira && orig === hira) || (hepburn && orig === hepburn) || (!hira && !hepburn)) {
+        if ((hira && orig === hira)) {
             return (
-                <span key={key} className={styles.token}>
+                <span key={key} title={hepburn} className={styles.token}>
                     {orig}
                 </span>
             );
         }
 
         if (hira && hira !== orig) {
-            const needHepburn = hepburn && hepburn !== orig;
-            const titleAttr = needHepburn ? hepburn : undefined;
             return (
-                <ruby key={key} title={titleAttr} className={styles.tokenRuby}>
+                <ruby key={key} title={hepburn} className={styles.tokenRuby}>
                     {orig}
                     <rt>{hira}</rt>
                 </ruby>
diff --git a/src-ui/app/main_page/main_section/message_container/message_input_box/MessageInputBox.jsx b/src-ui/app/main_page/main_section/message_container/message_input_box/MessageInputBox.jsx
index 6aa32092..6619f5fb 100644
--- a/src-ui/app/main_page/main_section/message_container/message_input_box/MessageInputBox.jsx
+++ b/src-ui/app/main_page/main_section/message_container/message_input_box/MessageInputBox.jsx
@@ -33,7 +33,7 @@ export const MessageInputBox = () => {
         if (currentMessageLogs.data) {
             const sentMessages = currentMessageLogs.data
                 .filter(log => log.category === "sent")
-                .map(log => log.messages.original);
+                .map(log => log.messages.original.message);
             setMessageHistory(sentMessages);
         }
     }, [currentMessageLogs.data]);