Mirrored_Repos/InvokeAI
1
0
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI synced 2024-08-30 20:32:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): fix language picker tooltip

Browse Source
This commit is contained in:
psychedelicious 2023-05-12 19:52:21 +10:00
parent 7d582553f2
commit eebaa50710
2 changed files with 18 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
invokeai/frontend/web/public/locales/en.json
View File

@ -25,7 +25,7 @@
"common": { "common": {
"hotkeysLabel": "Hotkeys", "hotkeysLabel": "Hotkeys",
"themeLabel": "Theme", "themeLabel": "Theme",
"languagePickerLabel": "Language Picker", "languagePickerLabel": "Language",
"reportBugLabel": "Report Bug", "reportBugLabel": "Report Bug",
"githubLabel": "Github", "githubLabel": "Github",
"discordLabel": "Discord", "discordLabel": "Discord",

34
invokeai/frontend/web/src/features/system/components/LanguagePicker.tsx
View File

@ -40,28 +40,28 @@ export default function LanguagePicker() {
const language = useAppSelector(languageSelector); const language = useAppSelector(languageSelector);
return ( return (
<Tooltip title={t('common.languagePickerLabel')}> <Menu closeOnSelect={false}>
<Menu closeOnSelect={false}> <Tooltip label={t('common.languagePickerLabel')} hasArrow>
<MenuButton <MenuButton
as={IAIIconButton} as={IAIIconButton}
icon={<FaLanguage />} icon={<FaLanguage />}
variant="link" variant="link"
aria-label={t('common.languagePickerLabel')} aria-label={t('common.languagePickerLabel')}
/> />
<MenuList> </Tooltip>
<MenuOptionGroup value={language}> <MenuList>
{map(LANGUAGES, (languageName, l: keyof typeof LANGUAGES) => ( <MenuOptionGroup value={language}>
<MenuItemOption {map(LANGUAGES, (languageName, l: keyof typeof LANGUAGES) => (
key={l} <MenuItemOption
value={l} key={l}
onClick={() => dispatch(languageChanged(l))} value={l}
> onClick={() => dispatch(languageChanged(l))}
{languageName} >
</MenuItemOption> {languageName}
))} </MenuItemOption>
</MenuOptionGroup> ))}
</MenuList> </MenuOptionGroup>
</Menu> </MenuList>
</Tooltip> </Menu>
); );
} }