[Update] Config Page: Others Tab. EnableSendOnlyTranslatedMessages, EnableAutoExportMessageLogs, EnableVrcMicMuteSync, EnableSendMessageToVrc

src-ui/app/App.jsx

@@ -42,6 +42,10 @@ import {
     useMicThreshold,
     useSpeakerThreshold,
     useEnableAutoClearMessageInputBox,
+    useEnableSendOnlyTranslatedMessages,
+    useEnableAutoExportMessageLogs,
+    useEnableVrcMicMuteSync,
+    useEnableSendMessageToVrc,
     useSendMessageButtonType,
     useUiLanguage,
     useUiScaling,
@@ -88,7 +92,13 @@ const StartPythonFacadeComponent = () => {
     const { getSelectedSpeakerDevice } = useSelectedSpeakerDevice();
     const { getMicThreshold, getEnableAutomaticMicThreshold } = useMicThreshold();
     const { getSpeakerThreshold, getEnableAutomaticSpeakerThreshold } = useSpeakerThreshold();
+
     const { getEnableAutoClearMessageInputBox }  = useEnableAutoClearMessageInputBox();
+    const { getEnableSendOnlyTranslatedMessages }  = useEnableSendOnlyTranslatedMessages();
+    const { getEnableAutoExportMessageLogs }  = useEnableAutoExportMessageLogs();
+    const { getEnableVrcMicMuteSync }  = useEnableVrcMicMuteSync();
+    const { getEnableSendMessageToVrc }  = useEnableSendMessageToVrc();
+
     const { getSendMessageButtonType } = useSendMessageButtonType();
     const { getUiLanguage } = useUiLanguage();
     const { getUiScaling } = useUiScaling();
@@ -170,6 +180,11 @@ const StartPythonFacadeComponent = () => {
 
                 getEnableAutoClearMessageInputBox();
                 getSendMessageButtonType();
+
+                getEnableSendOnlyTranslatedMessages();
+                getEnableAutoExportMessageLogs();
+                getEnableVrcMicMuteSync();
+                getEnableSendMessageToVrc();
             }).catch((err) => {
                 console.error(err);
             });

src-ui/app/config_page/setting_section/setting_box/others/Others.jsx

@@ -2,6 +2,10 @@ import { useTranslation } from "react-i18next";
 
 import {
     useEnableAutoClearMessageInputBox,
+    useEnableSendOnlyTranslatedMessages,
+    useEnableAutoExportMessageLogs,
+    useEnableVrcMicMuteSync,
+    useEnableSendMessageToVrc,
 } from "@logics_configs";
 
 import {
@@ -13,6 +17,10 @@ export const Others = () => {
     return (
         <>
             <AutoClearMessageInputBoxContainer />
+            <SendOnlyTranslatedMessagesContainer />
+            <AutoExportMessageLogsContainer />
+            <VrcMicMuteSyncContainer />
+            <SendMessageToVrcContainer />
         </>
     );
 };
@@ -28,4 +36,55 @@ const AutoClearMessageInputBoxContainer = () => {
             toggleFunction={toggleEnableAutoClearMessageInputBox}
         />
     );
+};
+const SendOnlyTranslatedMessagesContainer = () => {
+    const { t } = useTranslation();
+    const { currentEnableSendOnlyTranslatedMessages, toggleEnableSendOnlyTranslatedMessages } = useEnableSendOnlyTranslatedMessages();
+
+    return (
+        <CheckboxContainer
+            label={t("config_page.send_only_translated_messages.label")}
+            variable={currentEnableSendOnlyTranslatedMessages}
+            toggleFunction={toggleEnableSendOnlyTranslatedMessages}
+        />
+    );
+};
+const AutoExportMessageLogsContainer = () => {
+    const { t } = useTranslation();
+    const { currentEnableAutoExportMessageLogs, toggleEnableAutoExportMessageLogs } = useEnableAutoExportMessageLogs();
+
+    return (
+        <CheckboxContainer
+            label={t("config_page.auto_export_message_logs.label")}
+            desc={t("config_page.auto_export_message_logs.desc")}
+            variable={currentEnableAutoExportMessageLogs}
+            toggleFunction={toggleEnableAutoExportMessageLogs}
+        />
+    );
+};
+const VrcMicMuteSyncContainer = () => {
+    const { t } = useTranslation();
+    const { currentEnableVrcMicMuteSync, toggleEnableVrcMicMuteSync } = useEnableVrcMicMuteSync();
+
+    return (
+        <CheckboxContainer
+            label={t("config_page.vrc_mic_mute_sync.label")}
+            desc={t("config_page.vrc_mic_mute_sync.desc")}
+            variable={currentEnableVrcMicMuteSync}
+            toggleFunction={toggleEnableVrcMicMuteSync}
+        />
+    );
+};
+const SendMessageToVrcContainer = () => {
+    const { t } = useTranslation();
+    const { currentEnableSendMessageToVrc, toggleEnableSendMessageToVrc } = useEnableSendMessageToVrc();
+
+    return (
+        <CheckboxContainer
+            label={t("config_page.send_message_to_vrc.label")}
+            desc={t("config_page.send_message_to_vrc.desc")}
+            variable={currentEnableSendMessageToVrc}
+            toggleFunction={toggleEnableSendMessageToVrc}
+        />
+    );
 };