diff --git a/src-ui/app/main_page/sidebar_section/language_settings/translator_selector_open_button/TranslatorSelectorOpenButton.jsx b/src-ui/app/main_page/sidebar_section/language_settings/translator_selector_open_button/TranslatorSelectorOpenButton.jsx index 13708b1c..3c830f13 100644 --- a/src-ui/app/main_page/sidebar_section/language_settings/translator_selector_open_button/TranslatorSelectorOpenButton.jsx +++ b/src-ui/app/main_page/sidebar_section/language_settings/translator_selector_open_button/TranslatorSelectorOpenButton.jsx @@ -19,8 +19,10 @@ export const TranslatorSelectorOpenButton = () => { const translation_engines = updateLabelsById(currentTranslationEngines.data, new_labels); + const selected_engine_id = currentSelectedTranslationEngines.data[currentSelectedPresetTabNumber.data]; + const getSelectedLabel = () => { - const selected_engine_id = currentSelectedTranslationEngines.data[currentSelectedPresetTabNumber.data]; + const selected_engine = translation_engines.find( d => d.id === selected_engine_id ); @@ -45,7 +47,7 @@ export const TranslatorSelectorOpenButton = () => { {currentIsOpenedTranslatorSelector.data && } diff --git a/src-ui/app/main_page/sidebar_section/language_settings/translator_selector_open_button/translator_selector/TranslatorSelector.jsx b/src-ui/app/main_page/sidebar_section/language_settings/translator_selector_open_button/translator_selector/TranslatorSelector.jsx index 77f945f6..fe39877e 100644 --- a/src-ui/app/main_page/sidebar_section/language_settings/translator_selector_open_button/translator_selector/TranslatorSelector.jsx +++ b/src-ui/app/main_page/sidebar_section/language_settings/translator_selector_open_button/translator_selector/TranslatorSelector.jsx @@ -30,17 +30,19 @@ export const TranslatorSelector = ({selected_id, translation_engines}) => { }; const TranslatorBox = (props) => { - const { currentSelectedPresetTabNumber, currentSelectedTranslationEngines, setSelectedTranslationEngines} = useLanguageSettings(); + const { setSelectedTranslationEngines} = useLanguageSettings(); const { updateIsOpenedTranslatorSelector} = useStore_IsOpenedTranslatorSelector(); const box_class_name = clsx( styles.box, - { [styles["is_selected"]]: (currentSelectedTranslationEngines.data[currentSelectedPresetTabNumber.data] === props.id) ? true : false }, - { [styles["is_available"]]: (props.is_available === true) ? true : false } + { [styles.is_selected]: props.is_selected }, + { [styles.is_available]: props.is_available } ); const selectTranslator = () => { - setSelectedTranslationEngines(props.id); + if (props.is_selected === false) { + setSelectedTranslationEngines(props.id); + } updateIsOpenedTranslatorSelector(false); }; return (