From a00d1e87e4ce76c20e9cd79a08628f342cd16cba Mon Sep 17 00:00:00 2001
From: blessedcoolant <54517381+blessedcoolant@users.noreply.github.com>
Date: Wed, 26 Jul 2023 21:18:59 +1200
Subject: [PATCH] fix: Update Links to Links from Menu Items

---
 .../features/system/components/SiteHeader.tsx | 44 ++++++++-----------
 1 file changed, 19 insertions(+), 25 deletions(-)

diff --git a/invokeai/frontend/web/src/features/system/components/SiteHeader.tsx b/invokeai/frontend/web/src/features/system/components/SiteHeader.tsx
index e2ee62328e..6770866df0 100644
--- a/invokeai/frontend/web/src/features/system/components/SiteHeader.tsx
+++ b/invokeai/frontend/web/src/features/system/components/SiteHeader.tsx
@@ -1,11 +1,11 @@
-import { Flex, MenuGroup, Spacer } from '@chakra-ui/react';
+import { Flex, Link, MenuGroup, Spacer } from '@chakra-ui/react';
 import { memo } from 'react';
 import StatusIndicator from './StatusIndicator';
 
 import { Menu, MenuButton, MenuItem, MenuList } from '@chakra-ui/react';
 import IAIIconButton from 'common/components/IAIIconButton';
 import { useTranslation } from 'react-i18next';
-import { FaBars, FaBug, FaDiscord, FaGithub, FaKeyboard } from 'react-icons/fa';
+import { FaBars, FaBug, FaDiscord, FaKeyboard } from 'react-icons/fa';
 import { MdSettings } from 'react-icons/md';
 import { useFeatureStatus } from '../hooks/useFeatureStatus';
 import HotkeysModal from './HotkeysModal/HotkeysModal';
@@ -44,41 +44,35 @@ const SiteHeader = () => {
         <MenuList>
           <MenuGroup title={t('common.communityLabel')}>
             {isGithubLinkEnabled && (
-              <MenuItem
-                as="a"
-                href={githubLink}
-                icon={<FaGithub fontSize={20} />}
-              >
-                {t('common.githubLabel')}
-              </MenuItem>
+              <Link href={githubLink} target="_blank">
+                <MenuItem icon={<FaDiscord />}>
+                  {t('common.githubLabel')}
+                </MenuItem>
+              </Link>
             )}
             {isBugLinkEnabled && (
-              <MenuItem
-                as="a"
-                href={`${githubLink}/issues}`}
-                icon={<FaBug fontSize={20} />}
-              >
-                {t('common.reportBugLabel')}
-              </MenuItem>
+              <Link href={`${githubLink}/issues}`} target="_blank">
+                <MenuItem icon={<FaBug />}>
+                  {t('common.reportBugLabel')}
+                </MenuItem>
+              </Link>
             )}
             {isDiscordLinkEnabled && (
-              <MenuItem
-                as="a"
-                href={discordLink}
-                icon={<FaDiscord fontSize={20} />}
-              >
-                {t('common.discordLabel')}
-              </MenuItem>
+              <Link href={discordLink} target="_blank">
+                <MenuItem icon={<FaDiscord />}>
+                  {t('common.discordLabel')}
+                </MenuItem>
+              </Link>
             )}
           </MenuGroup>
           <MenuGroup title={t('common.settingsLabel')}>
             <HotkeysModal>
-              <MenuItem as="button" icon={<FaKeyboard fontSize={20} />}>
+              <MenuItem as="button" icon={<FaKeyboard />}>
                 {t('common.hotkeysLabel')}
               </MenuItem>
             </HotkeysModal>
             <SettingsModal>
-              <MenuItem as="button" icon={<MdSettings fontSize={20} />}>
+              <MenuItem as="button" icon={<MdSettings />}>
                 {t('common.settingsLabel')}
               </MenuItem>
             </SettingsModal>