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

neptune-mutual-blue · Apr 17, 2023 · 2ddcbc2 · 2ddcbc2
1 parent 277e997
commit 2ddcbc2
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 6 deletions.
diff --git a/src/components/DetailedListView.astro b/src/components/DetailedListView.astro
@@ -9,6 +9,7 @@ interface Props {
   subtitle: string;
   items: DetailedListViewItem[];
   showArrow?: boolean;
+  target?: string;
 }
 
 const { props } = Astro;
@@ -28,7 +29,7 @@ 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.target} rel={item.target ? "noreferrer" : undefined}>
             <div class="title and intro">
               <div class="title with badge">
                 <h3 class="title">{item.title}</h3>

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: [],
+    target: '_blank'
   }
 ]
 

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}/`,
+    target: tool.target,
   };
 });
 ---
@@ -31,8 +32,4 @@ const items = tools.map((tool) => {
   <DetailedListView title="" subtitle="" items={items} showArrow />
 </div>
 
-<NewsletterSignupForm
-  heading="Sign up for our newsletter"
-  text="Be the first to know about releases and industry news and insights."
-  showFeedButtons={false}
-/>
+<NewsletterSignupForm heading="Sign up for our newsletter" text="Be the first to know about releases and industry news and insights." showFeedButtons={false} />
diff --git a/types/custom.d.ts b/types/custom.d.ts
@@ -94,6 +94,7 @@ interface DetailedListViewItem {
   href: string
   icon: string
   category: string
+  target?: string
 }
 
 interface NamedIcon {
@@ -228,6 +229,7 @@ interface Web3ToolItem {
     icon: string
     text: string
   }>
+  target?: '_blank' | '_self' | '_parent' | '_top'
 }
 
 interface TableRenderConfig<T> {