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

[Refactor] ui_configs: rename the keys.

Browse Source
This commit is contained in:
Sakamoto Shiina
2024-11-12 15:23:02 +09:00
parent b503c843b2
commit f835a3be80
4 changed files with 25 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src-ui/app/main_page/sidebar_section/language_settings/translator_selector_open_button/TranslatorSelectorOpenButton.jsx
View File

@@ -13,11 +13,11 @@ export const TranslatorSelectorOpenButton = () => {
currentSelectedTranslationEngines,
} = useLanguageSettings();
const selected_translator_name = (currentTranslationEngines.state === "pending")
const selected_label = (currentTranslationEngines.state === "pending")
? "Loading..."
: currentTranslationEngines.data.find(
translator_data => translator_data.translator_id === currentSelectedTranslationEngines.data[currentSelectedPresetTabNumber.data]
)?.translator_name;
translator_data => translator_data.id === currentSelectedTranslationEngines.data[currentSelectedPresetTabNumber.data]
)?.label;
const { currentIsOpenedTranslatorSelector, updateIsOpenedTranslatorSelector} = useStore_IsOpenedTranslatorSelector();
@@ -30,11 +30,11 @@ export const TranslatorSelectorOpenButton = () => {
<div className={styles.container}>
<div className={styles.translator_selector_button} onClick={openTranslatorSelector}>
<p className={styles.label}>{t("main_page.translator")}: </p>
<p className={styles.label}>{selected_translator_name}</p>
<p className={styles.label}>{selected_label}</p>
</div>
{currentIsOpenedTranslatorSelector.data &&
<TranslatorSelector
selected_translator_id={currentSelectedTranslationEngines}
selected_id={currentSelectedTranslationEngines}
translation_engines={currentTranslationEngines}
/>
}

18
src-ui/app/main_page/sidebar_section/language_settings/translator_selector_open_button/translator_selector/TranslatorSelector.jsx
View File

@@ -5,7 +5,7 @@ import { chunkArray } from "@utils/chunkArray";
import { useStore_IsOpenedTranslatorSelector } from "@store";
import { useLanguageSettings } from "@logics_main";
export const TranslatorSelector = ({selected_translator_id, translation_engines}) => {
export const TranslatorSelector = ({selected_id, translation_engines}) => {
const columns = (translation_engines.data !== undefined) ? chunkArray(translation_engines.data, 2) : [];
return (
@@ -13,13 +13,13 @@ export const TranslatorSelector = ({selected_translator_id, translation_engines}
<div className={styles.wrapper}>
{columns.map((column, column_index) => (
<div className={styles.column_wrapper} key={`column_${column_index}`}>
{column.map(({ translator_id, translator_name, is_available }) => (
{column.map(({ id, label, is_available }) => (
<TranslatorBox
key={translator_id}
translator_id={translator_id}
translator_name={translator_name}
key={id}
id={id}
label={label}
is_available={is_available}
is_selected={(translator_id === selected_translator_id)}
is_selected={(id === selected_id)}
/>
))}
</div>
@@ -35,17 +35,17 @@ const TranslatorBox = (props) => {
const box_class_name = clsx(
styles.box,
{ [styles["is_selected"]]: (currentSelectedTranslationEngines.data[currentSelectedPresetTabNumber.data] === props.translator_id) ? true : false },
{ [styles["is_selected"]]: (currentSelectedTranslationEngines.data[currentSelectedPresetTabNumber.data] === props.id) ? true : false },
{ [styles["is_available"]]: (props.is_available === true) ? true : false }
);
const selectTranslator = () => {
setSelectedTranslationEngines(props.translator_id);
setSelectedTranslationEngines(props.id);
updateIsOpenedTranslatorSelector(false);
};
return (
<div className={box_class_name} onClick={selectTranslator}>
<p className={styles.translator_name}>{props.translator_name}</p>
<p className={styles.translator_name}>{props.label}</p>
</div>
);
};