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

This commit is contained in:
Sakamoto Shiina
2024-10-16 22:44:26 +09:00
parent 2cb4a41e64
commit e201cee24a
9 changed files with 222 additions and 2 deletions

View File

@@ -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}
/>
);
};