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

[Update] Main Page: LanguageSelector. close the language selector when any language is selected from it.

Browse Source
This commit is contained in:
Sakamoto Shiina
2024-09-23 09:58:54 +09:00
parent 7dbf324e31
commit fab5fbc070
1 changed files with 21 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src-ui/app/main_page/main_section/MainSection.jsx
View File

@@ -20,7 +20,7 @@ export const MainSection = () => {
import { useLanguageSettings } from "@logics_main/useLanguageSettings"; import { useLanguageSettings } from "@logics_main/useLanguageSettings";
const HandleLanguageSelector = () => { const HandleLanguageSelector = () => {
const { currentIsOpenedLanguageSelector } = useStore_IsOpenedLanguageSelector(); const { currentIsOpenedLanguageSelector, updateIsOpenedLanguageSelector } = useStore_IsOpenedLanguageSelector();
const { const {
currentSelectedYourLanguages, currentSelectedYourLanguages,
setSelectedYourLanguages, setSelectedYourLanguages,
@@ -29,11 +29,27 @@ const HandleLanguageSelector = () => {
} = useLanguageSettings(); } = useLanguageSettings();
if (currentIsOpenedLanguageSelector.data.your_language === true) { if (currentIsOpenedLanguageSelector.data.your_language === true) {
const onclickFunction_YourLanguage = (payload) => setSelectedYourLanguages(payload); const onclickFunction_YourLanguage = (payload) => {
return <LanguageSelector id="your_language" onClickFunction={onclickFunction_YourLanguage}/>; updateIsOpenedLanguageSelector({ your_language: false, target_language: false });
setSelectedYourLanguages(payload);
};
return (
<LanguageSelector
id="your_language"
onClickFunction={onclickFunction_YourLanguage}
/>
);
} else if (currentIsOpenedLanguageSelector.data.target_language === true) { } else if (currentIsOpenedLanguageSelector.data.target_language === true) {
const onclickFunction_TargetLanguage = (payload) => setSelectedTargetLanguages(payload); const onclickFunction_TargetLanguage = (payload) => {
return <LanguageSelector id="target_language" onClickFunction={onclickFunction_TargetLanguage}/>; updateIsOpenedLanguageSelector({ your_language: false, target_language: false });
setSelectedTargetLanguages(payload);
};
return (
<LanguageSelector
id="target_language"
onClickFunction={onclickFunction_TargetLanguage}
/>
);
} else { } else {
return null; return null;
} }