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

[Refactor/Update] Organize localization files and apply to some labels.

Browse Source
This commit is contained in:
Sakamoto Shiina
2024-12-10 18:45:52 +09:00
parent 656b7c414c
commit ae3e359fd6
19 changed files with 1058 additions and 1212 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src-ui/app/config_page/setting_section/setting_box/_components/word_filter/WordFilter.jsx
View File

@@ -144,7 +144,7 @@ export const WordFilterListToggleComponent = (props) => {
return (
<div className={styles.toggle_button_container}>
<p className={styles.words_count_text}>{t("config_page.mic_word_filter.count_desc", {count: word_filter_list_length} )}</p>
<p className={styles.words_count_text}>{t("config_page.transcription.mic_word_filter.count_desc", {count: word_filter_list_length} )}</p>
<button className={styles.toggle_button_wrapper} onClick={OnclickFunction}>
<ArrowLeftSvg className={svg_class_names}/>
</button>

6
src-ui/app/config_page/setting_section/setting_box/advanced_settings/AdvancedSettings.jsx
View File

@@ -46,7 +46,7 @@ const OscIpAddressContainer = () => {
return (
<EntryContainer
label={t("config_page.osc_ip_address.label")}
label={t("config_page.advanced_settings.osc_ip_address.label")}
ui_variable={ui_variable}
onChange={onChangeFunction}
/>
@@ -73,7 +73,7 @@ const OscPortContainer = () => {
return (
<EntryContainer
label={t("config_page.osc_port.label")}
label={t("config_page.advanced_settings.osc_port.label")}
ui_variable={ui_variable}
onChange={onChangeFunction}
/>
@@ -86,7 +86,7 @@ const OpenConfigFolderContainer = () => {
return (
<>
<ActionButtonContainer
label={t("config_page.open_config_filepath.label")}
label={t("config_page.advanced_settings.open_config_filepath.label")}
IconComponent={OpenFolderSvg}
onclickFunction={openFolder_ConfigFile}
/>

21
src-ui/app/config_page/setting_section/setting_box/appearance/Appearance.jsx
View File

@@ -44,8 +44,8 @@ const UiLanguageContainer = () => {
const is_not_en_lang = currentUiLanguage.data !== "en" && currentUiLanguage.data !== undefined;
return (
<RadioButtonContainer
label={is_not_en_lang ? "UI Language" : t("config_page.ui_language.label")}
desc={is_not_en_lang ? t("config_page.ui_language.label") : false}
label={is_not_en_lang ? "UI Language" : t("config_page.appearance.ui_language.label")}
desc={is_not_en_lang ? t("config_page.appearance.ui_language.label") : false}
selectFunction={setUiLanguage}
name="ui_language"
options={ui_configs.selectable_ui_languages}
@@ -85,7 +85,7 @@ const UiScalingContainer = () => {
return (
<SliderContainer
label={t("config_page.ui_size.label") + " (%)"}
label={t("config_page.appearance.ui_size.label") + " (%)"}
min="40"
max="200"
onchangeCommittedFunction={onchangeCommittedFunction}
@@ -127,7 +127,7 @@ export const MessageLogUiScalingContainer = () => {
return (
<SliderContainer
label={t("config_page.textbox_ui_size.label") + " (%)"}
label={t("config_page.appearance.textbox_ui_size.label") + " (%)"}
min="40"
max="200"
onchangeCommittedFunction={onchangeCommittedFunction}
@@ -146,13 +146,13 @@ const SendMessageButtonTypeContainer = () => {
return (
<RadioButtonContainer
label={t("config_page.send_message_button_type.label")}
label={t("config_page.appearance.send_message_button_type.label")}
selectFunction={setSendMessageButtonType}
name="send_message_button_type"
options={[
{ id: "hide", label: t("config_page.send_message_button_type.hide") },
{ id: "show", label: t("config_page.send_message_button_type.show") },
{ id: "show_and_disable_enter_key", label: t("config_page.send_message_button_type.show_and_disable_enter_key") },
{ id: "hide", label: t("config_page.appearance.send_message_button_type.hide") },
{ id: "show", label: t("config_page.appearance.send_message_button_type.show") },
{ id: "show_and_disable_enter_key", label: t("config_page.appearance.send_message_button_type.show_and_disable_enter_key") },
]}
checked_variable={currentSendMessageButtonType}
column={true}
@@ -172,8 +172,7 @@ const FontFamilyContainer = () => {
return (
<DropdownMenuContainer
dropdown_id="font_family"
label={t("config_page.font_family.label")}
desc={t("config_page.font_family.label")}
label={t("config_page.appearance.font_family.label")}
selected_id={currentSelectedFontFamily.data}
list={currentSelectableFontFamilyList.data}
selectFunction={selectFunction}
@@ -209,7 +208,7 @@ const TransparencyContainer = () => {
return (
<SliderContainer
label={t("config_page.transparency.label") + " (%)"}
label={t("config_page.appearance.transparency.label") + " (%)"}
min="40"
max="100"
onchangeCommittedFunction={onchangeCommittedFunction}

32
src-ui/app/config_page/setting_section/setting_box/device/Device.jsx
View File

@@ -57,13 +57,13 @@ const Mic_Container = () => {
const getLabels = () => {
if (currentEnableAutomaticMicThreshold.data === true) {
return {
label: t("config_page.mic_dynamic_energy_threshold.label_for_automatic"),
desc: t("config_page.mic_dynamic_energy_threshold.desc_for_automatic"),
label: t("config_page.device.mic_dynamic_energy_threshold.label_for_automatic"),
desc: t("config_page.device.mic_dynamic_energy_threshold.desc_for_automatic"),
};
} else {
return {
label: t("config_page.mic_dynamic_energy_threshold.label_for_manual"),
desc: t("config_page.mic_dynamic_energy_threshold.desc_for_manual"),
label: t("config_page.device.mic_dynamic_energy_threshold.label_for_manual"),
desc: t("config_page.device.mic_dynamic_energy_threshold.desc_for_manual"),
};
}
};
@@ -71,11 +71,11 @@ const Mic_Container = () => {
return (
<div className={styles.mic_container}>
<div className={styles.device_container} onMouseLeave={onMouseLeaveFunction}>
<LabelComponent label={t("config_page.mic_host_device.label")} />
<LabelComponent label={t("config_page.device.mic_host_device.label")} />
<div className={styles.device_contents}>
<div className={styles.device_auto_select_wrapper}>
<p className={styles.device_secondary_label}>{t("config_page.mic_host_device.label_auto_select")}</p>
<p className={styles.device_secondary_label}>{t("config_page.device.mic_host_device.label_auto_select")}</p>
<SwitchBox
variable={currentEnableAutoMicSelect}
toggleFunction={toggleEnableAutoMicSelect}
@@ -84,7 +84,7 @@ const Mic_Container = () => {
<div className={styles.device_dropdown_wrapper}>
<div className={styles.device_dropdown}>
<p className={styles.device_secondary_label}>{t("config_page.mic_host_device.label_host")}</p>
<p className={styles.device_secondary_label}>{t("config_page.device.mic_host_device.label_host")}</p>
<DropdownMenu
dropdown_id="mic_host"
selected_id={currentSelectedMicHost.data}
@@ -97,7 +97,7 @@ const Mic_Container = () => {
</div>
<div className={styles.device_dropdown}>
<p className={styles.device_secondary_label}>{t("config_page.mic_host_device.label_device")}</p>
<p className={styles.device_secondary_label}>{t("config_page.device.mic_host_device.label_device")}</p>
<DropdownMenu
dropdown_id="mic_device"
selected_id={currentSelectedMicDevice.data}
@@ -147,13 +147,13 @@ const Speaker_Container = () => {
const getLabels = () => {
if (currentEnableAutomaticSpeakerThreshold.data === true) {
return {
label: t("config_page.speaker_dynamic_energy_threshold.label_for_automatic"),
desc: t("config_page.speaker_dynamic_energy_threshold.desc_for_automatic"),
label: t("config_page.device.speaker_dynamic_energy_threshold.label_for_automatic"),
desc: t("config_page.device.speaker_dynamic_energy_threshold.desc_for_automatic"),
};
} else {
return {
label: t("config_page.speaker_dynamic_energy_threshold.label_for_manual"),
desc: t("config_page.speaker_dynamic_energy_threshold.desc_for_manual"),
label: t("config_page.device.speaker_dynamic_energy_threshold.label_for_manual"),
desc: t("config_page.device.speaker_dynamic_energy_threshold.desc_for_manual"),
};
}
@@ -162,11 +162,11 @@ const Speaker_Container = () => {
return (
<div className={styles.speaker_container}>
<div className={styles.device_container} onMouseLeave={onMouseLeaveFunction}>
<LabelComponent label={t("config_page.speaker_device.label")} />
<LabelComponent label={t("config_page.device.speaker_device.label")} />
<div className={styles.device_contents}>
<div className={styles.device_auto_select_wrapper}>
<p className={styles.device_secondary_label}>{t("config_page.speaker_device.label_auto_select")}</p>
<p className={styles.device_secondary_label}>{t("config_page.device.speaker_device.label_auto_select")}</p>
<SwitchBox
variable={currentEnableAutoSpeakerSelect}
toggleFunction={toggleEnableAutoSpeakerSelect}
@@ -174,10 +174,10 @@ const Speaker_Container = () => {
</div>
<div className={styles.device_dropdown}>
<p className={styles.device_secondary_label}>{t("config_page.mic_host_device.label_device")}</p>
<p className={styles.device_secondary_label}>{t("config_page.device.mic_host_device.label_device")}</p>
<DropdownMenu
dropdown_id="speaker_device"
label={t("config_page.speaker_device.label")}
label={t("config_page.device.speaker_device.label")}
selected_id={currentSelectedSpeakerDevice.data}
list={currentSpeakerDeviceList.data}
selectFunction={selectFunction}

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

@@ -48,7 +48,7 @@ const AutoClearMessageInputBoxContainer = () => {
return (
<CheckboxContainer
label={t("config_page.auto_clear_the_message_box.label")}
label={t("config_page.others.auto_clear_the_message_box.label")}
variable={currentEnableAutoClearMessageInputBox}
toggleFunction={toggleEnableAutoClearMessageInputBox}
/>
@@ -60,7 +60,7 @@ const SendOnlyTranslatedMessagesContainer = () => {
return (
<CheckboxContainer
label={t("config_page.send_only_translated_messages.label")}
label={t("config_page.others.send_only_translated_messages.label")}
variable={currentEnableSendOnlyTranslatedMessages}
toggleFunction={toggleEnableSendOnlyTranslatedMessages}
/>
@@ -74,8 +74,8 @@ const AutoExportMessageLogsContainer = () => {
return (
<div className={styles.auto_export_message_logs_container}>
<LabelComponent
label={t("config_page.auto_export_message_logs.label")}
desc={t("config_page.auto_export_message_logs.desc")}
label={t("config_page.others.auto_export_message_logs.label")}
desc={t("config_page.others.auto_export_message_logs.desc")}
/>
<div className={styles.auto_export_message_logs_switch_section_container}>
<ActionButton
@@ -96,8 +96,8 @@ export const VrcMicMuteSyncContainer = () => {
return (
<CheckboxContainer
label={t("config_page.vrc_mic_mute_sync.label")}
desc={t("config_page.vrc_mic_mute_sync.desc")}
label={t("config_page.others.vrc_mic_mute_sync.label")}
desc={t("config_page.others.vrc_mic_mute_sync.desc")}
variable={currentEnableVrcMicMuteSync}
toggleFunction={toggleEnableVrcMicMuteSync}
/>
@@ -109,8 +109,8 @@ const SendMessageToVrcContainer = () => {
return (
<CheckboxContainer
label={t("config_page.send_message_to_vrc.label")}
desc={t("config_page.send_message_to_vrc.desc")}
label={t("config_page.others.send_message_to_vrc.label")}
desc={t("config_page.others.send_message_to_vrc.desc")}
variable={currentEnableSendMessageToVrc}
toggleFunction={toggleEnableSendMessageToVrc}
/>
@@ -124,8 +124,8 @@ const SendReceivedMessageToVrcContainer = () => {
return (
<CheckboxContainer
label={t("config_page.send_received_message_to_vrc.label")}
desc={t("config_page.send_received_message_to_vrc.desc")}
label={t("config_page.others.send_received_message_to_vrc.label")}
desc={t("config_page.others.send_received_message_to_vrc.desc")}
variable={currentEnableSendReceivedMessageToVrc}
toggleFunction={toggleEnableSendReceivedMessageToVrc}
/>

61
src-ui/app/config_page/setting_section/setting_box/transcription/Transcription.jsx
View File

@@ -44,9 +44,10 @@ export const Transcription = () => {
const Mic_Container = () => {
const { t } = useTranslation();
return (
<div>
<SectionLabelComponent label="Mic" />
<SectionLabelComponent label={t("config_page.transcription.section_label_mic")} />
<MicRecordTimeout_Box />
<MicPhraseTimeout_Box />
<MicMaxWords_Box />
@@ -75,8 +76,8 @@ const MicRecordTimeout_Box = () => {
return (
<EntryContainer
label={t("config_page.mic_record_timeout.label")}
desc={t("config_page.mic_record_timeout.desc")}
label={t("config_page.transcription.mic_record_timeout.label")}
desc={t("config_page.transcription.mic_record_timeout.desc")}
ui_variable={ui_variable}
onChange={onChangeFunction}
/>
@@ -102,8 +103,8 @@ const MicPhraseTimeout_Box = () => {
return (
<EntryContainer
label={t("config_page.mic_phrase_timeout.label")}
desc={t("config_page.mic_phrase_timeout.desc")}
label={t("config_page.transcription.mic_phrase_timeout.label")}
desc={t("config_page.transcription.mic_phrase_timeout.desc")}
ui_variable={ui_variable}
onChange={onChangeFunction}
/>
@@ -129,8 +130,8 @@ const MicMaxWords_Box = () => {
return (
<EntryContainer
label={t("config_page.mic_max_phrase.label")}
desc={t("config_page.mic_max_phrase.desc")}
label={t("config_page.transcription.mic_max_phrase.label")}
desc={t("config_page.transcription.mic_max_phrase.desc")}
ui_variable={ui_variable}
onChange={onChangeFunction}
/>
@@ -142,8 +143,8 @@ const MicWordFilter_Box = () => {
return (
<WordFilterContainer
label={t("config_page.mic_word_filter.label")}
desc={t("config_page.mic_word_filter.desc")}
label={t("config_page.transcription.mic_word_filter.label")}
desc={t("config_page.transcription.mic_word_filter.desc")}
/>
);
};
@@ -152,9 +153,10 @@ const MicWordFilter_Box = () => {
const Speaker_Container = () => {
const { t } = useTranslation();
return (
<div>
<SectionLabelComponent label="Speaker" />
<SectionLabelComponent label={t("config_page.transcription.section_label_speaker")} />
<SpeakerRecordTimeout_Box />
<SpeakerPhraseTimeout_Box />
<SpeakerMaxWords_Box />
@@ -182,8 +184,8 @@ const SpeakerRecordTimeout_Box = () => {
return (
<EntryContainer
label={t("config_page.speaker_record_timeout.label")}
desc={t("config_page.speaker_record_timeout.desc")}
label={t("config_page.transcription.speaker_record_timeout.label")}
desc={t("config_page.transcription.speaker_record_timeout.desc")}
ui_variable={ui_variable}
onChange={onChangeFunction}
/>
@@ -209,8 +211,8 @@ const SpeakerPhraseTimeout_Box = () => {
return (
<EntryContainer
label={t("config_page.speaker_phrase_timeout.label")}
desc={t("config_page.speaker_phrase_timeout.desc")}
label={t("config_page.transcription.speaker_phrase_timeout.label")}
desc={t("config_page.transcription.speaker_phrase_timeout.desc")}
ui_variable={ui_variable}
onChange={onChangeFunction}
/>
@@ -236,8 +238,8 @@ const SpeakerMaxWords_Box = () => {
return (
<EntryContainer
label={t("config_page.speaker_max_phrase.label")}
desc={t("config_page.speaker_max_phrase.desc")}
label={t("config_page.transcription.speaker_max_phrase.label")}
desc={t("config_page.transcription.speaker_max_phrase.desc")}
ui_variable={ui_variable}
onChange={onChangeFunction}
/>
@@ -247,9 +249,10 @@ const SpeakerMaxWords_Box = () => {
const TranscriptionEngine_Container = () => {
const { t } = useTranslation();
return (
<div>
<SectionLabelComponent label="Transcription Engines" />
<SectionLabelComponent label={t("config_page.transcription.section_label_transcription_engines")} />
<TranscriptionEngine_Box />
<WhisperWeightType_Box />
<WhisperComputeDevice_Box />
@@ -263,7 +266,7 @@ const TranscriptionEngine_Box = () => {
return (
<RadioButtonContainer
label={t("config_page.select_transcription_engine.label")}
label={t("config_page.transcription.select_transcription_engine.label")}
selectFunction={setSelectedTranscriptionEngine}
name="select_transcription_engine"
options={[
@@ -294,13 +297,13 @@ const WhisperWeightType_Box = () => {
};
const new_labels = [
{ id: "tiny", label: t("config_page.whisper_weight_type.model_template", {model_name: "tiny", capacity: "74.5MB"}) },
{ id: "base", label: t("config_page.whisper_weight_type.recommended_model_template", {model_name: "base", capacity: "141MB"}) },
{ id: "small", label: t("config_page.whisper_weight_type.model_template", {model_name: "small", capacity: "463MB"}) },
{ id: "medium", label: t("config_page.whisper_weight_type.model_template", {model_name: "medium", capacity: "1.42GB"}) },
{ id: "large-v1", label: t("config_page.whisper_weight_type.model_template", {model_name: "large-v1", capacity: "2.87GB"}) },
{ id: "large-v2", label: t("config_page.whisper_weight_type.model_template", {model_name: "large-v2", capacity: "2.87GB"}) },
{ id: "large-v3", label: t("config_page.whisper_weight_type.model_template", {model_name: "large-v3", capacity: "2.87GB"}) },
{ id: "tiny", label: t("config_page.transcription.whisper_weight_type.model_template", {model_name: "tiny", capacity: "74.5MB"}) },
{ id: "base", label: t("config_page.transcription.whisper_weight_type.recommended_model_template", {model_name: "base", capacity: "141MB"}) },
{ id: "small", label: t("config_page.transcription.whisper_weight_type.model_template", {model_name: "small", capacity: "463MB"}) },
{ id: "medium", label: t("config_page.transcription.whisper_weight_type.model_template", {model_name: "medium", capacity: "1.42GB"}) },
{ id: "large-v1", label: t("config_page.transcription.whisper_weight_type.model_template", {model_name: "large-v1", capacity: "2.87GB"}) },
{ id: "large-v2", label: t("config_page.transcription.whisper_weight_type.model_template", {model_name: "large-v2", capacity: "2.87GB"}) },
{ id: "large-v3", label: t("config_page.transcription.whisper_weight_type.model_template", {model_name: "large-v3", capacity: "2.87GB"}) },
];
const whisper_weight_types = updateLabelsById(currentWhisperWeightTypeStatus.data, new_labels);
@@ -308,9 +311,9 @@ const WhisperWeightType_Box = () => {
return (
<>
<DownloadModelsContainer
label={t("config_page.whisper_weight_type.label")}
label={t("config_page.transcription.whisper_weight_type.label")}
desc={t(
"config_page.whisper_weight_type.desc",
"config_page.transcription.whisper_weight_type.desc",
{translator: t("main_page.translator")}
)}
name="whisper_weight_type"
@@ -341,8 +344,8 @@ const WhisperComputeDevice_Box = () => {
return (
<DropdownMenuContainer
dropdown_id="whisper_compute_device"
label={t("config_page.whisper_compute_device.label")}
// desc={t("config_page.whisper_compute_device.label")}
label={t("config_page.transcription.whisper_compute_device.label")}
// desc={t("config_page.transcription.whisper_compute_device.label")}
selected_id={target_index}
list={list_for_ui}
selectFunction={selectFunction}

16
src-ui/app/config_page/setting_section/setting_box/translation/Translation.jsx
View File

@@ -46,8 +46,8 @@ const CTranslate2WeightType_Box = () => {
};
const new_labels = [
{ id: "small", label: t("config_page.ctranslate2_weight_type.small", {capacity: "418MB"}) },
{ id: "large", label: t("config_page.ctranslate2_weight_type.large", {capacity: "1.2GB"}) },
{ id: "small", label: t("config_page.translation.ctranslate2_weight_type.small", {capacity: "418MB"}) },
{ id: "large", label: t("config_page.translation.ctranslate2_weight_type.large", {capacity: "1.2GB"}) },
];
const c_translate2_weight_types = updateLabelsById(currentCTranslate2WeightTypeStatus.data, new_labels);
@@ -55,9 +55,9 @@ const CTranslate2WeightType_Box = () => {
return (
<>
<DownloadModelsContainer
label={t("config_page.ctranslate2_weight_type.label")}
label={t("config_page.translation.ctranslate2_weight_type.label")}
desc={t(
"config_page.ctranslate2_weight_type.desc",
"config_page.translation.ctranslate2_weight_type.desc",
{translator: t("main_page.translator")}
)}
name="ctransalte2_weight_type"
@@ -87,8 +87,8 @@ const CTranslation2ComputeDevice_Box = () => {
return (
<DropdownMenuContainer
dropdown_id="ctranslate2_compute_device"
label={t("config_page.ctranslate2_compute_device.label")}
// desc={t("config_page.ctranslate2_compute_device.label")}
label={t("config_page.translation.ctranslate2_compute_device.label")}
// desc={t("config_page.translation.ctranslate2_compute_device.label")}
selected_id={target_index}
list={list_for_ui}
selectFunction={selectFunction}
@@ -118,9 +118,9 @@ const DeeplAuthKey_Box = () => {
return (
<>
<DeeplAuthKeyContainer
label={t("config_page.deepl_auth_key.label")}
label={t("config_page.translation.deepl_auth_key.label")}
desc={t(
"config_page.deepl_auth_key.desc",
"config_page.translation.deepl_auth_key.desc",
{translator: t("main_page.translator")}
)}
variable={input_value}

30
src-ui/app/config_page/setting_section/setting_box/vr/Vr.jsx
View File

@@ -112,15 +112,15 @@ const OverlaySettingsContainer = ({
return (
<>
<SwitchBoxContainer
label={t("overlay_settings.enable")}
label={t("config_page.vr.enable")}
variable={current_is_enabled_overlay}
toggleFunction={toggle_is_enabled_overlay}
/>
<PageSwitcherContainer
toggleFunction={togglePositionRotationController}
is_selected={is_opened_position_controller}
label_1={t("overlay_settings.position")}
label_2={t("overlay_settings.rotation")}
label_1={t("config_page.vr.position")}
label_2={t("config_page.vr.rotation")}
/>
<div className={styles.position_rotation_controls_box}>
@@ -132,7 +132,7 @@ const OverlaySettingsContainer = ({
</div>
<OtherControls settings={settings} onchangeFunction={onchangeFunction} ui_configs={ui_configs} />
<RadioButtonContainer
label={t("overlay_settings.tracker")}
label={t("config_page.vr.tracker")}
selectFunction={selectTrackerFunction}
name={id}
options={[
@@ -174,7 +174,7 @@ const PositionControls = ({settings, onchangeFunction, ui_configs}) => {
return (
<div className={styles.position_controls}>
<div className={styles.position_wrapper}>
<label className={clsx(styles.slider_label, styles.x_position_label)}>{t("overlay_settings.x_position")}</label>
<label className={clsx(styles.slider_label, styles.x_position_label)}>{t("config_page.vr.x_position")}</label>
<Slider
className={styles.x_position_slider}
variable={settings.x_pos}
@@ -185,7 +185,7 @@ const PositionControls = ({settings, onchangeFunction, ui_configs}) => {
/>
</div>
<div className={styles.position_wrapper}>
<label className={clsx(styles.slider_label, styles.y_position_label)}>{t("overlay_settings.y_position")}</label>
<label className={clsx(styles.slider_label, styles.y_position_label)}>{t("config_page.vr.y_position")}</label>
<Slider
className={styles.y_position_slider}
variable={settings.y_pos}
@@ -197,7 +197,7 @@ const PositionControls = ({settings, onchangeFunction, ui_configs}) => {
/>
</div>
<div className={styles.position_wrapper}>
<label className={clsx(styles.slider_label, styles.z_position_label)}>{t("overlay_settings.z_position")}</label>
<label className={clsx(styles.slider_label, styles.z_position_label)}>{t("config_page.vr.z_position")}</label>
<Slider
className={styles.z_position_slider}
variable={settings.z_pos}
@@ -218,7 +218,7 @@ const RotationControls = ({settings, onchangeFunction}) => {
return (
<div className={styles.rotation_controls}>
<div className={styles.rotation_wrapper}>
<label className={clsx(styles.slider_label, styles.x_rotation_label)}>{t("overlay_settings.x_rotation")}</label>
<label className={clsx(styles.slider_label, styles.x_rotation_label)}>{t("config_page.vr.x_rotation")}</label>
<Slider
className={styles.x_rotation_slider}
variable={-settings.x_rotation}
@@ -231,7 +231,7 @@ const RotationControls = ({settings, onchangeFunction}) => {
/>
</div>
<div className={styles.rotation_wrapper}>
<label className={clsx(styles.slider_label, styles.y_rotation_label)}>{t("overlay_settings.y_rotation")}</label>
<label className={clsx(styles.slider_label, styles.y_rotation_label)}>{t("config_page.vr.y_rotation")}</label>
<Slider
className={styles.y_rotation_slider}
variable={settings.y_rotation}
@@ -242,7 +242,7 @@ const RotationControls = ({settings, onchangeFunction}) => {
/>
</div>
<div className={styles.rotation_wrapper}>
<label className={clsx(styles.slider_label, styles.z_rotation_label)}>{t("overlay_settings.z_rotation")}</label>
<label className={clsx(styles.slider_label, styles.z_rotation_label)}>{t("config_page.vr.z_rotation")}</label>
<Slider
className={styles.z_rotation_slider}
variable={settings.z_rotation}
@@ -267,7 +267,7 @@ const OtherControls = ({settings, onchangeFunction, ui_configs}) => {
<div className={styles.other_controls}>
<div className={styles.other_controls_wrapper}>
<label className={clsx(styles.other_controls_slider_label, styles.opacity_label)}>
{t("overlay_settings.opacity")}
{t("config_page.vr.opacity")}
</label>
<Slider
className={clsx(styles.other_controls_slider, styles.opacity_slider)}
@@ -281,7 +281,7 @@ const OtherControls = ({settings, onchangeFunction, ui_configs}) => {
</div>
<div className={styles.other_controls_wrapper}>
<label className={clsx(styles.other_controls_slider_label, styles.ui_scaling_label)}>
{t("overlay_settings.ui_scaling")}
{t("config_page.vr.ui_scaling")}
</label>
<Slider
className={clsx(styles.other_controls_slider, styles.ui_scaling_slider)}
@@ -294,7 +294,7 @@ const OtherControls = ({settings, onchangeFunction, ui_configs}) => {
/>
</div>
<div className={styles.other_controls_wrapper}>
<label className={clsx(styles.other_controls_slider_label, styles.display_duration_label)}>{t("overlay_settings.display_duration")}</label>
<label className={clsx(styles.other_controls_slider_label, styles.display_duration_label)}>{t("config_page.vr.display_duration")}</label>
<Slider
className={clsx(styles.other_controls_slider, styles.display_duration_slider)}
variable={settings.display_duration}
@@ -306,7 +306,7 @@ const OtherControls = ({settings, onchangeFunction, ui_configs}) => {
/>
</div>
<div className={styles.other_controls_wrapper}>
<label className={clsx(styles.other_controls_slider_label, styles.fadeout_duration_label)}>{t("overlay_settings.fadeout_duration")}</label>
<label className={clsx(styles.other_controls_slider_label, styles.fadeout_duration_label)}>{t("config_page.vr.fadeout_duration")}</label>
<Slider
className={clsx(styles.other_controls_slider, styles.fadeout_duration_slider)}
variable={settings.fadeout_duration}
@@ -330,7 +330,7 @@ const CommonSettingsContainer = () => {
<div className={styles.common_container}>
<SectionLabelComponent label="Common Settings" />
<CheckboxContainer
label={t("overlay_settings.overlay_show_only_translated_messages.label")}
label={t("config_page.vr.overlay_show_only_translated_messages.label")}
variable={currentOverlayShowOnlyTranslatedMessages}
toggleFunction={toggleOverlayShowOnlyTranslatedMessages}
/>

5
src-ui/app/config_page/topbar/Topbar.jsx
View File

@@ -1,3 +1,4 @@
import { useTranslation } from "react-i18next";
import clsx from "clsx";
import styles from "./Topbar.module.scss";
@@ -9,11 +10,11 @@ import { SectionTitleBox } from "./section_title_box/SectionTitleBox";
import { CompactSwitchBox } from "./compact_switch_box/CompactSwitchBox";
export const Topbar = () => {
const { t } = useTranslation();
const { currentIsOpenedConfigPage, setIsOpenedConfigPage } = useIsOpenedConfigPage();
const closeConfigPage = () => {
setIsOpenedConfigPage(false);
};
return (
<div className={clsx(styles.container, {
[styles.show_config]: currentIsOpenedConfigPage.data,
@@ -24,7 +25,7 @@ export const Topbar = () => {
<ArrowLeftSvg className={styles.arrow_left_svg} />
</div>
<div className={styles.go_back_text_wrapper}>
<p className={styles.go_back_text}>Go Back</p>
<p className={styles.go_back_text}>{t("common.go_back_button_label")}</p>
</div>

5
src-ui/app/main_page/main_section/language_selector/LanguageSelector.jsx
View File

@@ -8,10 +8,9 @@ export const LanguageSelector = ({ id, onClickFunction }) => {
const { t } = useTranslation();
const { currentSelectableLanguageList } = useSelectableLanguageList();
const languageTitles = {
your_language: t("selectable_language_window.title_your_language"),
target_language: t("selectable_language_window.title_target_language")
your_language: t("main_page.language_selector.title_your_language"),
target_language: t("main_page.language_selector.title_target_language")
};
const language_selector_title = languageTitles[id] || "";

6
src-ui/app/main_page/main_section/language_selector/language_selector_top_bar/LanguageSelectorTopBar.jsx
View File

@@ -1,10 +1,10 @@
import { useTranslation } from "react-i18next";
import styles from "./LanguageSelectorTopBar.module.scss";
import { useStore_IsOpenedLanguageSelector } from "@store";
export const LanguageSelectorTopBar = (props) => {
const { t } = useTranslation();
const { updateIsOpenedLanguageSelector } = useStore_IsOpenedLanguageSelector();
const closeLanguageSelector = () => {
updateIsOpenedLanguageSelector({
your_language: false,
@@ -15,7 +15,7 @@ export const LanguageSelectorTopBar = (props) => {
return (
<div className={styles.container}>
<div className={styles.go_back_button_wrapper} onClick={closeLanguageSelector}>
<p className={styles.go_back_button_label}>Go Back</p>
<p className={styles.go_back_button_label}>{t("common.go_back_button_label")}</p>
</div>
<p className={styles.title}>{props.title}</p>
</div>

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

@@ -42,7 +42,7 @@ export const MessageContainer = ({ messages, status, category, created_at }) =>
const is_translated_exist = messages.translated.length >= 1;
const is_pending = status === "pending";
const is_sent_message = category === "sent";
const category_text = is_sent_message ? t("main_page.textbox_tab_sent") : t("main_page.textbox_tab_received");
const category_text = is_sent_message ? t("main_page.message_log.sent") : t("main_page.message_log.received");
const message_type_class_name = clsx({
[styles.sent_message]: is_sent_message,

2
src-ui/app/main_page/main_section/top_bar/right_side_components/RightSideComponents.jsx
View File

@@ -58,7 +58,7 @@ const OpenVrcMicMuteSyncQuickSetting = () => {
return (
<OpenQuickSettingButton
label={t("config_page.vrc_mic_mute_sync.label")}
label={t("config_page.others.vrc_mic_mute_sync.label")}
variable={currentEnableVrcMicMuteSync.data}
onClickFunction={onClickFunction}
/>

6
src-ui/app/modal_controller/update_modal/UpdateModal.jsx
View File

@@ -17,10 +17,10 @@ export const UpdateModal = () => {
return (
<div className={styles.container}>
<p className={styles.label}>{t("main_page.confirmation_message.update_software")}</p>
<p className={styles.label}>{t("main_page.update_software_desc")}</p>
<div className={styles.button_wrapper}>
<button className={styles.deny_button} onClick={() => updateOpenedQuickSetting("")} >{t("main_page.confirmation_message.deny_update_software")}</button>
<button className={styles.accept_button} onClick={onClickUpdateSoftware}>{t("main_page.confirmation_message.accept_update_software")}</button>
<button className={styles.deny_button} onClick={() => updateOpenedQuickSetting("")} >{t("main_page.deny_update_software")}</button>
<button className={styles.accept_button} onClick={onClickUpdateSoftware}>{t("main_page.accept_update_software")}</button>
</div>
</div>
);