fix(ui): add contract link depending on the network

witnet · Jul 19, 2021 · 1b782c8 · 1b782c8
1 parent 1980a30
commit 1b782c8
Showing 1 changed file with 6 additions and 5 deletions.
diff --git a/packages/ui/components/DataFeedDetails.vue b/packages/ui/components/DataFeedDetails.vue
@@ -12,11 +12,7 @@
       :title="$t('data_feed_details.contract_address')"
       class="contract-container"
     >
-      <a
-        :href="`https://rinkeby.etherscan.io/address/${feedAddress}#code`"
-        target="_blank"
-        class="contract-address"
-      >
+      <a :href="url" target="_blank" class="contract-address">
         {{ feedAddress }}
         <font-awesome-icon class="icon" icon="external-link-alt" />
       </a>
@@ -80,6 +76,11 @@ export default {
     svgIcon() {
       return this.feed.name.split('/').join('')
     },
+    url() {
+      return this.feed.network === 'mainnet'
+        ? `https://etherscan.io/address/${this.feedAddress}#code`
+        : `https://${this.feed.network}.etherscan.io/address/${this.feedAddress}#code`
+    },
     numberOfPages() {
       return Math.ceil(this.feed.requests.length / this.itemsPerPage)
     },