From 84f15e2b2fc4d786bef5ee09a64fe62b83924ba1 Mon Sep 17 00:00:00 2001
From: Georges KABBOUCHI <georges.kabbouchi@gmail.com>
Date: Thu, 9 Jun 2022 18:04:36 +0300
Subject: [PATCH] Update [address].vue

---
 pages/[address].vue | 20 +++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)

diff --git a/pages/[address].vue b/pages/[address].vue
index 16744c3..7b4432f 100644
--- a/pages/[address].vue
+++ b/pages/[address].vue
@@ -152,7 +152,21 @@ const shortenAddress = () => {
   return address.value.substr(0, 8) + "..." + address.value.substr(-6);
 };
 const ens = ref("");
-const detectedNetworks = ref(["mainnet", "polygon"]);
+const detectedNetworks = computed(() => [
+  ...new Set(
+    taskResults.value.flatMap(({ networkResults }) => {
+      if (networkResults) {
+        return Object
+        .keys(networkResults)
+        .filter(
+          (network) => !!networkResults[network].metadata
+        );
+      }
+
+      return [];
+    })
+  ),
+]);
 
 onMounted(async () => {
   if (!address.value) {
@@ -241,8 +255,8 @@ onMounted(async () => {
           </div>
         </div>
 
-        <div class="mt-3">
-          <div class="text-center flex flex-wrap gap-2">
+        <div class="mt-3 w-full px-20" v-if="detectedNetworks.length">
+          <div class="text-center flex flex-wrap justify-center gap-2">
             <div
               v-for="network in detectedNetworks"
               class="capitalize bg-blue-100 text-blue-800 px-3 py-1 rounded-full text-sm shadow-sm"