every_holiday/VRCT
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[Update] Main Page: Log Box. 翻訳後文章表示対応。

Browse Source
This commit is contained in:
Sakamoto Shiina
2024-09-09 12:37:38 +09:00
parent a4d7e886d5
commit 5eaaea535c
2 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src-ui/app/main_page/main_section/message_container/log_box/message_container/MessageContainer.jsx
View File

@@ -33,10 +33,11 @@ export const MessageContainer = ({ messages, status, category, created_at }) =>
}; };
const WithTranslatedMessages = ({ messages }) => { const WithTranslatedMessages = ({ messages }) => {
const translated_data = Array.isArray(messages.translated) ? messages.translated : [messages.translated];
return ( return (
<> <>
<p className={styles.message_second}>{messages.original}</p> <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> <p key={index} className={styles.message_main}>{message}</p>
))} ))}
</> </>

7
src-ui/logics/useMessage.js
View File

@@ -32,7 +32,7 @@ export const useMessage = () => {
updateSentMessageLog: (payload) => { updateSentMessageLog: (payload) => {
const data = payload.data; const data = payload.data;
updateMessageLogsStatus(updateItemById(data.id)); updateMessageLogsStatus(updateItemById(data.id, data.translation));
}, },
addSentMessageLog: (payload) => { addSentMessageLog: (payload) => {
const data = payload.data; const data = payload.data;
@@ -63,16 +63,17 @@ const generateMessageObject = (data, category) => {
status: "ok", status: "ok",
messages: { messages: {
original: data.message, original: data.message,
translated: [], translated: data.translation,
}, },
}; };
}; };
const updateItemById = (id) => (prev_items) => { const updateItemById = (id, translated_data) => (prev_items) => {
return prev_items.map(item => { return prev_items.map(item => {
if (item.id === id) { if (item.id === id) {
item.status = "ok"; item.status = "ok";
item.messages.translated = translated_data;
} }
return item; return item;
}); });