|
1 | | -import{Flex,MenuGroup,Spacer}from'@chakra-ui/react'; |
| 1 | +import{Flex,Link,MenuGroup,Spacer}from'@chakra-ui/react'; |
2 | 2 | import{memo}from'react'; |
3 | 3 | importStatusIndicatorfrom'./StatusIndicator'; |
4 | 4 |
|
5 | 5 | import{Menu,MenuButton,MenuItem,MenuList}from'@chakra-ui/react'; |
6 | 6 | importIAIIconButtonfrom'common/components/IAIIconButton'; |
7 | 7 | import{useTranslation}from'react-i18next'; |
8 | | -import{FaBars,FaBug,FaDiscord,FaGithub,FaKeyboard}from'react-icons/fa'; |
| 8 | +import{FaBars,FaBug,FaDiscord,FaKeyboard}from'react-icons/fa'; |
9 | 9 | import{MdSettings}from'react-icons/md'; |
10 | 10 | import{useFeatureStatus}from'../hooks/useFeatureStatus'; |
11 | 11 | importHotkeysModalfrom'./HotkeysModal/HotkeysModal'; |
@@ -44,41 +44,35 @@ const SiteHeader = () => { |
44 | 44 | <MenuList> |
45 | 45 | <MenuGrouptitle={t('common.communityLabel')}> |
46 | 46 | {isGithubLinkEnabled&&( |
47 | | -<MenuItem |
48 | | -as="a" |
49 | | -href={githubLink} |
50 | | -icon={<FaGithubfontSize={20}/>} |
51 | | -> |
52 | | -{t('common.githubLabel')} |
53 | | -</MenuItem> |
| 47 | +<Linkhref={githubLink}target="_blank"> |
| 48 | +<MenuItemicon={<FaDiscord/>}> |
| 49 | +{t('common.githubLabel')} |
| 50 | +</MenuItem> |
| 51 | +</Link> |
54 | 52 | )} |
55 | 53 | {isBugLinkEnabled&&( |
56 | | -<MenuItem |
57 | | -as="a" |
58 | | -href={`${githubLink}/issues}`} |
59 | | -icon={<FaBugfontSize={20}/>} |
60 | | -> |
61 | | -{t('common.reportBugLabel')} |
62 | | -</MenuItem> |
| 54 | +<Linkhref={`${githubLink}/issues}`}target="_blank"> |
| 55 | +<MenuItemicon={<FaBug/>}> |
| 56 | +{t('common.reportBugLabel')} |
| 57 | +</MenuItem> |
| 58 | +</Link> |
63 | 59 | )} |
64 | 60 | {isDiscordLinkEnabled&&( |
65 | | -<MenuItem |
66 | | -as="a" |
67 | | -href={discordLink} |
68 | | -icon={<FaDiscordfontSize={20}/>} |
69 | | -> |
70 | | -{t('common.discordLabel')} |
71 | | -</MenuItem> |
| 61 | +<Linkhref={discordLink}target="_blank"> |
| 62 | +<MenuItemicon={<FaDiscord/>}> |
| 63 | +{t('common.discordLabel')} |
| 64 | +</MenuItem> |
| 65 | +</Link> |
72 | 66 | )} |
73 | 67 | </MenuGroup> |
74 | 68 | <MenuGrouptitle={t('common.settingsLabel')}> |
75 | 69 | <HotkeysModal> |
76 | | -<MenuItemas="button"icon={<FaKeyboardfontSize={20}/>}> |
| 70 | +<MenuItemas="button"icon={<FaKeyboard/>}> |
77 | 71 | {t('common.hotkeysLabel')} |
78 | 72 | </MenuItem> |
79 | 73 | </HotkeysModal> |
80 | 74 | <SettingsModal> |
81 | | -<MenuItemas="button"icon={<MdSettingsfontSize={20}/>}> |
| 75 | +<MenuItemas="button"icon={<MdSettings/>}> |
82 | 76 | {t('common.settingsLabel')} |
83 | 77 | </MenuItem> |
84 | 78 | </SettingsModal> |
|