feat: add official site on erc 721/1155 pages

Magickbase · Nov 17, 2022 · 5caa7c3 · 5caa7c3
1 parent 228bd92
commit 5caa7c3
Show file tree

Hide file tree

Showing 7 changed files with 43 additions and 9 deletions.
diff --git a/pages/multi-token-collection/[address].tsx b/pages/multi-token-collection/[address].tsx
@@ -18,7 +18,9 @@ import InventoryList, { fetchInventoryListOfCollection } from 'components/MultiT
 import { client, GraphQLSchema } from 'utils'
 import styles from './styles.module.scss'
 
-type CollectionInfoProps = Omit<GraphQLSchema.MultiTokenCollectionListItem, 'id' | 'account'> | undefined
+type CollectionInfoProps =
+  | (Omit<GraphQLSchema.MultiTokenCollectionListItem, 'id' | 'account'> & { official_site: string })
+  | undefined
 
 interface InfoProps {
   erc1155_udts: {
@@ -40,6 +42,7 @@ const infoQuery = gql`
         token_type_count
         holders_count
         minted_count
+        official_site
       }
     }
   }
@@ -111,10 +114,17 @@ const MultiTokenCollection = () => {
       field: t('contract'),
       content: <HashLink label={address as string} href={`/account/${address}`} />,
     },
-
     {
-      field: '',
-      content: <div data-role="placeholder" style={{ height: `1.5rem` }}></div>,
+      field: t('officialSite'),
+      content: info ? (
+        info.official_site ? (
+          <HashLink label={info.official_site} href={info.official_site} external />
+        ) : (
+          '-'
+        )
+      ) : (
+        <Skeleton animation="wave" />
+      ),
     },
   ]
 

diff --git a/pages/nft-collection/[address].tsx b/pages/nft-collection/[address].tsx
@@ -18,7 +18,9 @@ import InventoryList, { fetchInventoryListOfCollection } from 'components/NFTInv
 import { client, GraphQLSchema } from 'utils'
 import styles from './styles.module.scss'
 
-type CollectionInfoProps = Omit<GraphQLSchema.NftCollectionListItem, 'id' | 'account'> | undefined
+type CollectionInfoProps =
+  | (Omit<GraphQLSchema.NftCollectionListItem, 'id' | 'account'> & { official_site: string })
+  | undefined
 
 interface CollectionProps {
   erc721_udts: {
@@ -39,6 +41,7 @@ const infoQuery = gql`
         icon
         holders_count
         minted_count
+        official_site
       }
     }
   }
@@ -110,6 +113,14 @@ const NftCollection = () => {
       field: t('contract'),
       content: <HashLink label={address as string} href={`/account/${address}`} />,
     },
+    info?.official_site
+      ? {
+          field: t('officialSite'),
+          content: (
+            <HashLink label={info.official_site} href={info.official_site} external style={{ textTransform: 'none' }} />
+          ),
+        }
+      : null,
   ]
 
   const stats: Array<{ field: string; content: React.ReactNode }> = [
@@ -121,6 +132,12 @@ const NftCollection = () => {
       field: t('minted_count'),
       content: isInfoLoading ? <Skeleton animation="wave" /> : (+info?.minted_count ?? 0).toLocaleString('en'),
     },
+    info?.official_site
+      ? {
+          field: '',
+          content: <div data-role="placeholder" style={{ height: `1.5rem` }}></div>,
+        }
+      : null,
   ]
 
   const title = t(`nft-collection`)

diff --git a/pages/nft-collection/styles.module.scss b/pages/nft-collection/styles.module.scss
@@ -52,6 +52,9 @@
     & > div {
       margin-bottom: 1rem;
     }
+    dl[title=''] {
+      display: none;
+    }
   }
 }
 

diff --git a/public/locales/en-US/multi-token.json b/public/locales/en-US/multi-token.json
@@ -17,5 +17,6 @@
   "token-id": "Token ID",
   "owner": "Owner",
   "name": "Name",
-  "quantity": "Quantity"
+  "quantity": "Quantity",
+  "officialSite": "Official Site"
 }
diff --git a/public/locales/en-US/nft.json b/public/locales/en-US/nft.json
@@ -15,5 +15,6 @@
   "erc-721": "ERC 721",
   "token-id": "Token ID",
   "owner": "Owner",
-  "name": "Name"
+  "name": "Name",
+  "officialSite": "Official Site"
 }
diff --git a/public/locales/zh-CN/multi-token.json b/public/locales/zh-CN/multi-token.json
@@ -17,5 +17,6 @@
   "token-id": "通证 ID",
   "owner": "所属人",
   "name": "名称",
-  "quantity": "数量"
+  "quantity": "数量",
+  "officialSite": "官方网站"
 }
diff --git a/public/locales/zh-CN/nft.json b/public/locales/zh-CN/nft.json
@@ -15,5 +15,6 @@
   "erc-721": "ERC 721",
   "token-id": "通证 ID",
   "owner": "所属人",
-  "name": "名称"
+  "name": "名称",
+  "officialSite": "官方网站"
 }