Added footer link

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
+    <Link variant="footer" href={`https://vytal.io/${link}`} target="_blank">
-      sx={{
-        mb: '8px',
-        fontSize: '11px',
-        position: 'fixed',
-        bottom: '0',
-        cursor: 'pointer',
-      }}
-      onClick={() => window.open(`https://vytal.io/${link}`)}
-    >
       {text}{' '}
       <Text
         sx={{
@@ -29,7 +20,7 @@ const FooterLink = ({ link, text, hoverText }: FooterLinkProps) => {
       >
         {hoverText}
       </Text>
-    </Text>
+    </Link>
   )
 }
 

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',
+    },
+  },
 }