From 14489c026c51a67d16d5fddb494bbc50b784dc4a Mon Sep 17 00:00:00 2001
From: katspaugh <katspaugh@gmail.com>
Date: Mon, 20 Nov 2023 11:08:24 +0100
Subject: [PATCH 1/2] Fix: add help link in footer

---
 src/components/common/Footer/index.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/common/Footer/index.tsx b/src/components/common/Footer/index.tsx
index 545b1f43aa..ec31eda2ba 100644
--- a/src/components/common/Footer/index.tsx
+++ b/src/components/common/Footer/index.tsx
@@ -8,7 +8,7 @@ import packageJson from '../../../../package.json'
 import AppstoreButton from '../AppStoreButton'
 import ExternalLink from '../ExternalLink'
 import MUILink from '@mui/material/Link'
-import { IS_DEV, IS_OFFICIAL_HOST } from '@/config/constants'
+import { HELP_CENTER_URL, IS_DEV, IS_OFFICIAL_HOST } from '@/config/constants'
 
 const footerPages = [
   AppRoutes.welcome.index,
@@ -67,6 +67,9 @@ const Footer = (): ReactElement | null => {
             <li>
               <FooterLink href={getHref(AppRoutes.settings.index)}>Preferences</FooterLink>
             </li>
+            <li>
+              <FooterLink href={HELP_CENTER_URL}>Help</FooterLink>
+            </li>
           </>
         ) : (
           <li>{'This is an unofficial distribution of Safe{Wallet}'}</li>

From 1183e6c7b91ebd0506c6558cb9d33cbccaa3f173 Mon Sep 17 00:00:00 2001
From: katspaugh <katspaugh@gmail.com>
Date: Mon, 20 Nov 2023 11:46:47 +0100
Subject: [PATCH 2/2] External link

---
 src/components/common/Footer/index.tsx | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/components/common/Footer/index.tsx b/src/components/common/Footer/index.tsx
index ec31eda2ba..59d519013a 100644
--- a/src/components/common/Footer/index.tsx
+++ b/src/components/common/Footer/index.tsx
@@ -1,5 +1,6 @@
 import type { ReactElement, ReactNode } from 'react'
-import { Typography } from '@mui/material'
+import { SvgIcon, Typography } from '@mui/material'
+import GitHubIcon from '@mui/icons-material/GitHub'
 import Link from 'next/link'
 import { useRouter } from 'next/router'
 import css from './styles.module.css'
@@ -68,7 +69,9 @@ const Footer = (): ReactElement | null => {
               <FooterLink href={getHref(AppRoutes.settings.index)}>Preferences</FooterLink>
             </li>
             <li>
-              <FooterLink href={HELP_CENTER_URL}>Help</FooterLink>
+              <ExternalLink href={HELP_CENTER_URL} noIcon>
+                Help
+              </ExternalLink>
             </li>
           </>
         ) : (
@@ -76,8 +79,8 @@ const Footer = (): ReactElement | null => {
         )}
 
         <li>
-          <ExternalLink href={`${packageJson.homepage}/releases/tag/v${packageJson.version}`}>
-            v{packageJson.version}
+          <ExternalLink href={`${packageJson.homepage}/releases/tag/v${packageJson.version}`} noIcon>
+            <SvgIcon component={GitHubIcon} inheritViewBox fontSize="inherit" sx={{ mr: 0.5 }} /> v{packageJson.version}
           </ExternalLink>
         </li>
         <li>