From 9ebddd814d82c1e1041a45201d412f6c1df77efd Mon Sep 17 00:00:00 2001
From: Jamie Hewitt <jamie.hewitt15@gmail.com>
Date: Mon, 11 Apr 2022 16:13:52 +0300
Subject: [PATCH] Improve footer links (#1338)

* Opening external links in a new tab

* Main site links opens in a new tab + adding external link arrow
---
 content/site.json                       |  2 +-
 src/components/Footer/Footer.module.css | 12 ++++++++++++
 src/components/Footer/Footer.tsx        | 10 ++++++++++
 src/components/Footer/Links.tsx         |  2 +-
 4 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/content/site.json b/content/site.json
index 925aa7235..c26a17974 100644
--- a/content/site.json
+++ b/content/site.json
@@ -3,7 +3,7 @@
   "siteTagline": "A marketplace to find, publish and trade data sets in the Ocean Network.",
   "siteUrl": "https://v4.market.oceanprotocol.com",
   "siteImage": "/share.png",
-  "copyright": "All Rights Reserved. Powered by [Ocean Protocol](https://oceanprotocol.com)",
+  "copyright": "All Rights Reserved. Powered by ",
   "menu": [
     {
       "name": "Publish",
diff --git a/src/components/Footer/Footer.module.css b/src/components/Footer/Footer.module.css
index 91c138751..a554d66a8 100644
--- a/src/components/Footer/Footer.module.css
+++ b/src/components/Footer/Footer.module.css
@@ -55,3 +55,15 @@
     text-align: right;
   }
 }
+.grid a {
+  text-transform: none;
+  font-family: var(--font-family-base);
+  font-weight: var(--font-weight-base);
+}
+
+.svg {
+  display: inline;
+  fill: currentColor;
+  width: 0.6em;
+  height: 0.6em;
+}
diff --git a/src/components/Footer/Footer.tsx b/src/components/Footer/Footer.tsx
index 8ca11c95d..3139942ee 100644
--- a/src/components/Footer/Footer.tsx
+++ b/src/components/Footer/Footer.tsx
@@ -5,6 +5,8 @@ import { useSiteMetadata } from '@hooks/useSiteMetadata'
 import MarketStats from './MarketStats'
 import BuildId from './BuildId'
 import Links from './Links'
+import Button from '@shared/atoms/Button'
+import External from '@images/external.svg'
 
 export default function Footer(): ReactElement {
   const { copyright } = useSiteMetadata()
@@ -19,6 +21,14 @@ export default function Footer(): ReactElement {
         <Links />
         <div className={styles.copyright}>
           © {year} <Markdown text={copyright} />
+          <Button
+            style="text"
+            size="small"
+            href="https://oceanprotocol.com"
+            target="_blank"
+          >
+            Ocean Protocol <External className={styles.svg} />
+          </Button>
         </div>
       </div>
     </footer>
diff --git a/src/components/Footer/Links.tsx b/src/components/Footer/Links.tsx
index 6cd8473ae..6ede3d505 100644
--- a/src/components/Footer/Links.tsx
+++ b/src/components/Footer/Links.tsx
@@ -17,7 +17,7 @@ export default function Links() {
     <div className={styles.links}>
       {content.links.map(({ name, url }) => (
         <Fragment key={name}>
-          <Button style="text" size="small" href={url}>
+          <Button style="text" size="small" href={url} target="_blank">
             {name} <External />
           </Button>
           {' — '}