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
neptune-mutual-blue · Apr 19, 2023 · a38a5d6 · a38a5d6
1 parent 277e997
commit a38a5d6
Show file tree

Hide file tree

Showing 5 changed files with 19 additions and 3 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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> {