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

feat(ui): use wrench icon in settings menu for settings

Browse Source
This commit is contained in:
psychedelicious 2024-01-04 15:21:56 +11:00 committed by Kent Keirsey
parent 8cf14287b6
commit 49a72bd714
1 changed files with 9 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
invokeai/frontend/web/src/features/system/components/SettingsModal/SettingsMenu.tsx
View File

@ -7,23 +7,21 @@ import {
InvMenuButton, InvMenuButton,
InvMenuGroup, InvMenuGroup,
} from 'common/components/InvMenu/wrapper'; } from 'common/components/InvMenu/wrapper';
import { InvTooltip } from 'common/components/InvTooltip/InvTooltip';
import { useGlobalMenuCloseTrigger } from 'common/hooks/useGlobalMenuCloseTrigger'; import { useGlobalMenuCloseTrigger } from 'common/hooks/useGlobalMenuCloseTrigger';
import HotkeysModal from 'features/system/components/HotkeysModal/HotkeysModal'; import HotkeysModal from 'features/system/components/HotkeysModal/HotkeysModal';
import { useFeatureStatus } from 'features/system/hooks/useFeatureStatus'; import { useFeatureStatus } from 'features/system/hooks/useFeatureStatus';
import { memo } from 'react'; import { memo } from 'react';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import { import {
FaBars,
FaBug, FaBug,
FaCog, FaCog,
FaDiscord, FaDiscord,
FaGithub, FaGithub,
FaKeyboard, FaKeyboard,
} from 'react-icons/fa'; } from 'react-icons/fa';
import { FaWrench } from 'react-icons/fa6';
import SettingsModal from './SettingsModal'; import SettingsModal from './SettingsModal';
const SettingsMenu = () => { const SettingsMenu = () => {
const { t } = useTranslation(); const { t } = useTranslation();
const { isOpen, onOpen, onClose } = useDisclosure(); const { isOpen, onOpen, onClose } = useDisclosure();
@ -38,15 +36,13 @@ const SettingsMenu = () => {
return ( return (
<InvMenu isOpen={isOpen} onOpen={onOpen} onClose={onClose}> <InvMenu isOpen={isOpen} onOpen={onOpen} onClose={onClose}>
<InvTooltip label={t('common.preferencesLabel')} placement="right"> <InvMenuButton
<InvMenuButton as={InvIconButton}
as={InvIconButton} variant="link"
variant="link" aria-label={t('accessibility.menu')}
aria-label={t('accessibility.menu')} icon={<FaCog fontSize={20} />}
icon={<FaCog fontSize={20} />} boxSize={8}
boxSize={8} />
/>
</InvTooltip>
<InvMenuList> <InvMenuList>
<InvMenuGroup title={t('common.communityLabel')}> <InvMenuGroup title={t('common.communityLabel')}>
@ -88,7 +84,7 @@ const SettingsMenu = () => {
</InvMenuItem> </InvMenuItem>
</HotkeysModal> </HotkeysModal>
<SettingsModal> <SettingsModal>
<InvMenuItem as="button" icon={<FaBars />}> <InvMenuItem as="button" icon={<FaWrench />}>
{t('common.settingsLabel')} {t('common.settingsLabel')}
</InvMenuItem> </InvMenuItem>
</SettingsModal> </SettingsModal>