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

[Update/Refactor] Main Page: When the translation engine is already selected, to not send the data and just close translation engine selector.

Browse Source
This commit is contained in:
Sakamoto Shiina
2024-11-19 16:57:56 +09:00
parent ba408af32a
commit 3d054e4d72
2 changed files with 10 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -19,8 +19,10 @@ export const TranslatorSelectorOpenButton = () => {
const translation_engines = updateLabelsById(currentTranslationEngines.data, new_labels); const translation_engines = updateLabelsById(currentTranslationEngines.data, new_labels);
const selected_engine_id = currentSelectedTranslationEngines.data[currentSelectedPresetTabNumber.data];
const getSelectedLabel = () => { const getSelectedLabel = () => {
const selected_engine_id = currentSelectedTranslationEngines.data[currentSelectedPresetTabNumber.data];
const selected_engine = translation_engines.find( const selected_engine = translation_engines.find(
d => d.id === selected_engine_id d => d.id === selected_engine_id
); );
@@ -45,7 +47,7 @@ export const TranslatorSelectorOpenButton = () => {
</div> </div>
{currentIsOpenedTranslatorSelector.data && {currentIsOpenedTranslatorSelector.data &&
<TranslatorSelector <TranslatorSelector
selected_id={currentSelectedTranslationEngines} selected_id={selected_engine_id}
translation_engines={translation_engines} translation_engines={translation_engines}
/> />
} }

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

@@ -30,17 +30,19 @@ export const TranslatorSelector = ({selected_id, translation_engines}) => {
}; };
const TranslatorBox = (props) => { const TranslatorBox = (props) => {
const { currentSelectedPresetTabNumber, currentSelectedTranslationEngines, setSelectedTranslationEngines} = useLanguageSettings(); const { setSelectedTranslationEngines} = useLanguageSettings();
const { updateIsOpenedTranslatorSelector} = useStore_IsOpenedTranslatorSelector(); const { updateIsOpenedTranslatorSelector} = useStore_IsOpenedTranslatorSelector();
const box_class_name = clsx( const box_class_name = clsx(
styles.box, styles.box,
{ [styles["is_selected"]]: (currentSelectedTranslationEngines.data[currentSelectedPresetTabNumber.data] === props.id) ? true : false }, { [styles.is_selected]: props.is_selected },
{ [styles["is_available"]]: (props.is_available === true) ? true : false } { [styles.is_available]: props.is_available }
); );
const selectTranslator = () => { const selectTranslator = () => {
setSelectedTranslationEngines(props.id); if (props.is_selected === false) {
setSelectedTranslationEngines(props.id);
}
updateIsOpenedTranslatorSelector(false); updateIsOpenedTranslatorSelector(false);
}; };
return ( return (