From 92cc65fecf37e17494021547f5807678022ddb25 Mon Sep 17 00:00:00 2001
From: z0ccc <z0ccc@proton.me>
Date: Tue, 1 Nov 2022 00:32:35 -0400
Subject: [PATCH] Added footer link

---
 src/Popup/Components/FooterLink.tsx | 15 +++------------
 src/theme.ts                        | 10 ++++++++++
 2 files changed, 13 insertions(+), 12 deletions(-)

diff --git a/src/Popup/Components/FooterLink.tsx b/src/Popup/Components/FooterLink.tsx
index 5dd6720..77f50b5 100644
--- a/src/Popup/Components/FooterLink.tsx
+++ b/src/Popup/Components/FooterLink.tsx
@@ -1,4 +1,4 @@
-import { Text } from 'theme-ui'
+import { Link, Text } from 'theme-ui'
 
 interface FooterLinkProps {
   link: string
@@ -8,16 +8,7 @@ interface FooterLinkProps {
 
 const FooterLink = ({ link, text, hoverText }: FooterLinkProps) => {
   return (
-    <Text
-      sx={{
-        mb: '8px',
-        fontSize: '11px',
-        position: 'fixed',
-        bottom: '0',
-        cursor: 'pointer',
-      }}
-      onClick={() => window.open(`https://vytal.io/${link}`)}
-    >
+    <Link variant="footer" href={`https://vytal.io/${link}`} target="_blank">
       {text}{' '}
       <Text
         sx={{
@@ -29,7 +20,7 @@ const FooterLink = ({ link, text, hoverText }: FooterLinkProps) => {
       >
         {hoverText}
       </Text>
-    </Text>
+    </Link>
   )
 }
 
diff --git a/src/theme.ts b/src/theme.ts
index 445fd98..995db93 100644
--- a/src/theme.ts
+++ b/src/theme.ts
@@ -70,4 +70,14 @@ export const theme: Theme = {
       m: 0,
     },
   },
+  links: {
+    footer: {
+      color: 'text',
+      mb: '8px',
+      fontSize: '11px',
+      position: 'fixed',
+      bottom: '0',
+      textDecoration: 'none',
+    },
+  },
 }