[Update] Main Page: Message Logs. Add system message (Word Filter)

src-ui/logics/common/useMessage.js

@@ -30,6 +30,19 @@ export const useMessage = () => {
         });
     };
 
+    const addSystemMessageLog = (message) => {
+        const uuid = crypto.randomUUID();
+        const date = generateTimeData();
+
+        addMessageLogs({
+            id: uuid,
+            category: "system",
+            status: "system",
+            created_at: date,
+            messages: {message: message},
+        });
+    };
+
     const updateSentMessageLogById = (payload) => {
         updateMessageLogs(updateItemById(payload.id, payload.translation));
     };
@@ -52,6 +65,7 @@ export const useMessage = () => {
     return {
         currentMessageLogs,
         sendMessage,
+        addSystemMessageLog,
         updateSentMessageLogById,
         addSentMessageLog,
         addReceivedMessageLog,
@@ -67,7 +81,7 @@ export const useMessage = () => {
 const generateTimeData = () => {
     const data = new Date().toLocaleTimeString(
         "ja-JP",
-        {hour12: false, hour: "2-digit", minute: "2-digit"},
+        { hour12: false, hour: "2-digit", minute: "2-digit" },
     );
     return data;
 };
@@ -85,7 +99,6 @@ const generateMessageObject = (data, category) => {
     };
 };
 
-
 const updateItemById = (id, translated_data) => (current_items) => {
     return current_items.data.map(item => {
         if (item.id === id) {

src-ui/logics/useReceiveRoutes.js

@@ -93,6 +93,7 @@ export const useReceiveRoutes = () => {
     } = useLanguageSettings();
     const { updateSelectableLanguageList } = useSelectableLanguageList();
     const {
+        addSystemMessageLog,
         updateSentMessageLogById,
         addSentMessageLog,
         addReceivedMessageLog,
@@ -382,6 +383,8 @@ export const useReceiveRoutes = () => {
                 return updated_list;
             });
         },
+        "/run/word_filter": (payload) => addSystemMessageLog(payload.message),
+
 
         "/get/data/speaker_record_timeout": updateSpeakerRecordTimeout,
         "/set/data/speaker_record_timeout": updateSpeakerRecordTimeout,