add: external link of scan tag

NaturalSelectionLabs · Sep 5, 2021 · 62632d8 · 62632d8
1 parent 48bd228
commit 62632d8
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 4 deletions.
diff --git a/src/components/NFT/NFTDetails.vue b/src/components/NFT/NFTDetails.vue
@@ -1,8 +1,11 @@
--5
 <template>
     <div class="details-container">
         <h2>{{ details.name }} #{{ details.token_id }}</h2>
-        <ScanTag :chain="chain" />
+        <ScanTag
+            :chain="chain"
+            class="cursor-pointer"
+            @click="toExternalLink(details.asset_contract?.address, details.token_id)"
+        />
         <div>
             <h3>Description</h3>
             <p>{{ details.description }}</p>
@@ -40,6 +43,10 @@ import ScanTag from '@/components/NFT/ScanTag.vue';
 export default class NFTDetail extends Vue {
     details!: Object;
     chain!: String;
+
+    public toExternalLink(address: string, tokenId: string) {
+        window.open(`https://opensea.io/assets/${address}/${tokenId}`);
+    }
 }
 </script>
 

diff --git a/src/views/Home.vue b/src/views/Home.vue
@@ -268,7 +268,7 @@ export default class Home extends Vue {
             }
         }
 
-        console.log(this.ethAddress);
+        // console.log(this.ethAddress);
         const data = await RSS3.getAssetProfile(this.ethAddress);
         if (!data) {
             return;

diff --git a/src/views/NFTs.vue b/src/views/NFTs.vue
@@ -121,7 +121,6 @@ export default class NFTs extends Vue {
         this.nftList = NFTList.filter((nft) => (!nft.tags || nft.tags.indexOf('pass:hidden') === -1) && nft.info).sort(
             (a, b) => this.getNFTOrder(a) - this.getNFTOrder(b),
         );
-        console.log(this.nftList);
     }
 
     private async getInfo(nft: RSS3Asset) {