From a38a5d6dc173861172581171aa5b249ddeb01198 Mon Sep 17 00:00:00 2001
From: Sharad Sharama <35527429+srmasharad@users.noreply.github.com>
Date: Wed, 19 Apr 2023 18:41:10 +0545
Subject: [PATCH] feat(Add IPFS): Added IPFS list on web3 tools page (#78)

* feat(Add IPFS): Added IPFS list on web3 tools page

* fix(Target): replace target type with isExternal

* fix(Section): remove duplicate target

* fix(Code Formatting): formatting issue fixed
---
 src/components/DetailedListView.astro | 7 ++++++-
 src/components/Header/Section.astro   | 3 +--
 src/data/tools.ts                     | 9 +++++++++
 src/views/Web3Tools.astro             | 1 +
 types/custom.d.ts                     | 2 ++
 5 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/src/components/DetailedListView.astro b/src/components/DetailedListView.astro
index 8a17ccc8..07e7d462 100644
--- a/src/components/DetailedListView.astro
+++ b/src/components/DetailedListView.astro
@@ -28,7 +28,12 @@ const { props } = Astro;
     {
       props.items.map((item) => {
         return (
-          <a class="list item" href={normalizeUrl(item.href)}>
+          <a
+            class="list item"
+            href={normalizeUrl(item.href)}
+            target={item.isExternal ? "_blank" : undefined}
+            rel={item.isExternal ? "noreferrer" : undefined}
+          >
             <div class="title and intro">
               <div class="title with badge">
                 <h3 class="title">{item.title}</h3>
diff --git a/src/components/Header/Section.astro b/src/components/Header/Section.astro
index 3faf1e31..9887659e 100644
--- a/src/components/Header/Section.astro
+++ b/src/components/Header/Section.astro
@@ -22,8 +22,7 @@ const t = (x: any) => x;
           <a
             class="item container"
             href={normalizeUrl(link.href)}
-            target={link.isExternal ? "_blank" : ""}
-            target={link.isExternal ? "_blank" : null}
+            target={link.isExternal ? "_blank" : undefined}
             data-include-theme={link.includeTheme ? true : null}
           >
             {link.icon && <Icon size={"md"} variant={link.icon} />}
diff --git a/src/data/tools.ts b/src/data/tools.ts
index 9b67c700..14ac9b20 100644
--- a/src/data/tools.ts
+++ b/src/data/tools.ts
@@ -42,6 +42,15 @@ const tools: Web3ToolItem[] = [
     category: 'Blockchain Hack Database',
     icon: 'code-square-01',
     badges: []
+  },
+  {
+    path: 'https://ipfs.neptunemutual.net/',
+    title: 'Neptune Mutual IPFS Gateway',
+    intro: 'Retrieve the IPFS content of our marketplace, the details surrounding our protocol.',
+    category: 'IPFS Gateway',
+    icon: 'code-square-01',
+    badges: [],
+    isExternal: true
   }
 ]
 
diff --git a/src/views/Web3Tools.astro b/src/views/Web3Tools.astro
index e7eb713d..672c4580 100644
--- a/src/views/Web3Tools.astro
+++ b/src/views/Web3Tools.astro
@@ -21,6 +21,7 @@ const items = tools.map((tool) => {
     category: tool.category,
     icon: tool.icon,
     href: tool.path || `/web3-tools/${tool.slug}/`,
+    isExternal: tool.isExternal,
   };
 });
 ---
diff --git a/types/custom.d.ts b/types/custom.d.ts
index ca057b84..11c65af1 100644
--- a/types/custom.d.ts
+++ b/types/custom.d.ts
@@ -94,6 +94,7 @@ interface DetailedListViewItem {
   href: string
   icon: string
   category: string
+  isExternal?: boolean
 }
 
 interface NamedIcon {
@@ -228,6 +229,7 @@ interface Web3ToolItem {
     icon: string
     text: string
   }>
+  isExternal?: boolean
 }
 
 interface TableRenderConfig<T> {