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",

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

@ -40,14 +40,15 @@ 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')}
/> />
</Tooltip>
<MenuList> <MenuList>
<MenuOptionGroup value={language}> <MenuOptionGroup value={language}>
{map(LANGUAGES, (languageName, l: keyof typeof LANGUAGES) => ( {map(LANGUAGES, (languageName, l: keyof typeof LANGUAGES) => (
@ -62,6 +63,5 @@ export default function LanguagePicker() {
</MenuOptionGroup> </MenuOptionGroup>
</MenuList> </MenuList>
</Menu> </Menu>
</Tooltip>
); );
} }