diff --git a/invokeai/frontend/web/src/features/system/components/SiteHeader.tsx b/invokeai/frontend/web/src/features/system/components/SiteHeader.tsx index 803dc4c140..e2ee62328e 100644 --- a/invokeai/frontend/web/src/features/system/components/SiteHeader.tsx +++ b/invokeai/frontend/web/src/features/system/components/SiteHeader.tsx @@ -2,10 +2,10 @@ import { Flex, MenuGroup, Spacer } from '@chakra-ui/react'; import { memo } from 'react'; import StatusIndicator from './StatusIndicator'; -import { Menu, MenuButton, MenuList, MenuItem } from '@chakra-ui/react'; +import { Menu, MenuButton, MenuItem, MenuList } from '@chakra-ui/react'; import IAIIconButton from 'common/components/IAIIconButton'; import { useTranslation } from 'react-i18next'; -import { FaBug, FaDiscord, FaGithub, FaKeyboard, FaBars } from 'react-icons/fa'; +import { FaBars, FaBug, FaDiscord, FaGithub, FaKeyboard } from 'react-icons/fa'; import { MdSettings } from 'react-icons/md'; import { useFeatureStatus } from '../hooks/useFeatureStatus'; import HotkeysModal from './HotkeysModal/HotkeysModal'; @@ -44,29 +44,41 @@ const SiteHeader = () => { {isGithubLinkEnabled && ( - }> + } + > {t('common.githubLabel')} )} {isBugLinkEnabled && ( - }> + } + > {t('common.reportBugLabel')} )} {isDiscordLinkEnabled && ( - }> + } + > {t('common.discordLabel')} )} - }> + }> {t('common.hotkeysLabel')} - }> + }> {t('common.settingsLabel')}