From 148b387d40fd6897b0bf2f962d47f7d47d3502c3 Mon Sep 17 00:00:00 2001
From: GussevPM <GussevPM@GMail.Com>
Date: Mon, 2 Oct 2023 20:01:04 +0400
Subject: [PATCH 1/7] Remove useless code + refactoring network's tables

---
 .env.development                              |  2 +-
 src/api/bcd.js                                | 46 ------------------
 .../Tables/GlobalConstantsRegistry.vue        | 47 ++++++++++++-------
 .../Tables/RecentlyCalledContracts.vue        | 37 ++++++---------
 src/views/network/ConstantsTab.vue            | 17 +++++--
 src/views/network/RecentlyCalledTab.vue       | 18 ++++---
 6 files changed, 71 insertions(+), 96 deletions(-)

diff --git a/.env.development b/.env.development
index f4a0f3cf..6a19a711 100644
--- a/.env.development
+++ b/.env.development
@@ -1,5 +1,5 @@
 NODE_ENV=development
-VUE_APP_API_URI=https://sharm.better-call.dev/v1
+VUE_APP_API_URI=https://hope.better-call.dev/v1
 VUE_APP_IPFS_NODE=https://cloudflare-ipfs.com/
 VUE_APP_SEARCH_SERVICE_URI=https://search.dipdup.net
 VUE_APP_TOKEN_METADATA_API=https://metadata.dipdup.net
diff --git a/src/api/bcd.js b/src/api/bcd.js
index b036ead4..8478c950 100644
--- a/src/api/bcd.js
+++ b/src/api/bcd.js
@@ -90,39 +90,6 @@ export class BetterCallApi {
             })
     }
 
-    getContractOperations(network, address, last_id = "", from = 0, to = 0, statuses = [], entrypoints = [], with_storage_diff = true) {
-        let params = {}
-        if (last_id != "") {
-            params.last_id = last_id
-        }
-        if (from !== 0) {
-            params.from = from
-        }
-        if (to !== 0) {
-            params.to = to
-        }
-        if (statuses.length > 0 && statuses.length < 4) {
-            params.status = statuses.join(',')
-        }
-        if (entrypoints.length > 0) {
-            params.entrypoints = entrypoints.join(',')
-        }
-        params.with_storage_diff = with_storage_diff
-
-        return getCancellable(this.api, `/contract/${network}/${address}/operations`, {
-            params: params,
-        })
-            .then((res) => {
-                if (!res) {
-                    return res;
-                }
-                if (res.status !== 200) {
-                    throw new RequestFailedError(res);
-                }
-                return res.data
-            })
-    }
-
   getAccountOperationGroups(network, address, last_id = 0, size = 10) {
     let params = {}
     if (last_id > 0) {
@@ -408,19 +375,6 @@ export class BetterCallApi {
             });
     }
 
-    getContractsCount(network) {
-        return getCancellable(this.api, `/stats/${network}/contracts_count`, {})
-            .then((res) => {
-                if (!res) {
-                    return res;
-                }
-                if (res.status !== 200) {
-                    throw new RequestFailedError(res);
-                }
-                return res.data
-            });
-    }
-
     getContractBigMapDiffsCount(network, ptr) {
         return getCancellable(this.api, `/bigmap/${network}/${ptr}/count`, {})
         .then((res) => {
diff --git a/src/components/Tables/GlobalConstantsRegistry.vue b/src/components/Tables/GlobalConstantsRegistry.vue
index 597ed74f..888cb573 100644
--- a/src/components/Tables/GlobalConstantsRegistry.vue
+++ b/src/components/Tables/GlobalConstantsRegistry.vue
@@ -8,9 +8,12 @@
           hide-default-footer
           :page.sync="page"
           :options="{itemsPerPage}"
+          no-data-text="No global constants found"
+          no-results-text="No global constants found"
+          :server-items-length="constantsNumber"
           :footer-props="{
             itemsPerPageOptions: []
-        }"
+          }"
       >
         <template v-slot:item="{item}">
           <tr class="table-row" :key="item.address">
@@ -36,10 +39,11 @@
         </template>
         <template v-slot:footer>
           <div class="footer-pagination">
-            <v-btn icon @click="changePage(page - 1)" :disabled="page === 0">
+            <span class="caption grey--text mr-2">{{ (page - 1) * itemsPerPage + 1 }} - {{ nextPageCount }} of {{ constantsNumber }}</span>
+            <v-btn icon @click="changePage(page - 1)" :disabled="page === 1">
               <v-icon>mdi-chevron-left</v-icon>
             </v-btn>
-            <v-btn icon @click="changePage(page + 1)" :disabled="isLastPage">
+            <v-btn icon @click="changePage(page + 1)" :disabled="(constantsNumber / itemsPerPage) < page">
               <v-icon>mdi-chevron-right</v-icon>
             </v-btn>
           </div>
@@ -56,6 +60,7 @@ export default {
   name: "GlobalConstantsRegistry",
   props: {
     network: String,
+    constantsNumber: Number,
     hidePaginationCount: {
       type: Boolean,
       default: false,
@@ -71,22 +76,29 @@ export default {
   },
   methods: {
     init() {
-      this.page = 0
-      this.globalConstantsItems = [];
+      if (!this.network)
+        return;
+
+      this.recentlyCalledContracts = [];
+      this.page = 1;
       this.fetchConstants();
     },
-    changePage(newPageNum) {
-      this.page = newPageNum;
-      this.fetchConstants();
+    // previousPage(newPage) {
+    //   const offset = (newPage - 1) * this.itemsPerPage;
+    //   this.changePage(newPage, offset)
+    // },
+    // nextPage(newPage) {
+    //   this.changePage(newPage, offset)
+    // },
+    changePage(newPage) {
+      const offset = (newPage - 1) * this.itemsPerPage;
+      this.page = newPage;
+      this.fetchConstants(offset);
     },
-    async fetchConstants() {
+    async fetchConstants(offset = 0) {
       this.loadingGlobalConstantsStatus = DATA_LOADING_STATUSES.PROGRESS;
 
-      const offset = this.page * this.itemsPerPage;
-      const constants = await this.api.getGlobalConstants(this.network, offset, this.itemsPerPage);
-      this.globalConstantsItems = [...constants];
-
-      this.isLastPage = this.globalConstantsItems.length < this.itemsPerPage;
+      this.globalConstantsItems = await this.api.getGlobalConstants(this.network, offset, this.itemsPerPage);
 
       this.loadingGlobalConstantsStatus = DATA_LOADING_STATUSES.SUCCESS;
 
@@ -96,6 +108,10 @@ export default {
     isGlobalConstantsLoading() {
       return this.loadingRecentlyCalledContractsStatus === DATA_LOADING_STATUSES.PROGRESS;
     },
+    nextPageCount() {
+      const count = this.page * this.itemsPerPage;
+      return this.constantsNumber > 0 && count < this.constantsNumber ? count : this.constantsNumber;
+    },
   },
   watch: {
     network: {
@@ -108,8 +124,7 @@ export default {
   data() {
     return {
       aliasMaxLength: 24,
-      page: 0,
-      isLastPage: true,
+      page: 1,
       loadingGlobalConstantsStatus: DATA_LOADING_STATUSES.NOTHING,
       globalConstantsTableHeaders: [
         {
diff --git a/src/components/Tables/RecentlyCalledContracts.vue b/src/components/Tables/RecentlyCalledContracts.vue
index a710c317..61434409 100644
--- a/src/components/Tables/RecentlyCalledContracts.vue
+++ b/src/components/Tables/RecentlyCalledContracts.vue
@@ -11,7 +11,7 @@
         loading-text="Loading recently called contracts... Please wait"
         no-data-text="No called contracts found"
         no-results-text="No called contracts found"
-        :server-items-length="totalItems"
+        :server-items-length="contractsNumber"
         :footer-props="{
             itemsPerPageOptions: []
         }"
@@ -29,17 +29,17 @@
                       item.alias.length > aliasMaxLength
                         ? item.alias.slice(0, aliasMaxLength).trim()
                         : item.alias
-                    }}<em
-                    v-if="item.alias.length > aliasMaxLength"
-                    class="v-icon notranslate mdi mdi-dots-horizontal"
-                    style="font-size: 16px;"
-                  />
+                    }}
+                    <em v-if="item.alias.length > aliasMaxLength"
+                      class="v-icon notranslate mdi mdi-dots-horizontal"
+                      style="font-size: 16px;"
+                    />
                   </span>
                 <Shortcut v-else :str="item.address"/>
               </v-btn>
             </td>
             <td>
-              <span class="text--secondary">{{ item.tx_count }}</span>
+              <span class="text--secondary">{{ item.operations_count }}</span>
             </td>
             <td>
               <span class="text--secondary">{{ helpers.formatDatetime(item.last_action)  }}</span>
@@ -48,11 +48,11 @@
         </template>
         <template v-slot:footer v-if="pageable">
           <div class="footer-pagination">
-            <span class="caption grey--text mr-2">{{ (page - 1) * itemsPerPage+1 }} - {{ nextPageCount }} of {{ totalItems }}</span>
-            <v-btn icon @click="changePage(page-1)" :disabled="page === 1">
+            <span class="caption grey--text mr-2">{{ (page - 1) * itemsPerPage + 1 }} - {{ nextPageCount }} of {{ contractsNumber }}</span>
+            <v-btn icon @click="changePage(page - 1)" :disabled="page === 1">
               <v-icon>mdi-chevron-left</v-icon>
             </v-btn>
-            <v-btn icon @click="changePage(page+1)" :disabled="(totalItems  / itemsPerPage) < page">
+            <v-btn icon @click="changePage(page + 1)" :disabled="(contractsNumber / itemsPerPage) < page">
               <v-icon>mdi-chevron-right</v-icon>
             </v-btn>
           </div>
@@ -67,10 +67,7 @@ export default {
     name: "RecentlyCalledContracts",
     props: {
         network: String,
-        updateable: {
-            type: Boolean,
-            default: true,
-        },
+        contractsNumber: Number,
         hidePaginationCount: {
             type: Boolean,
             default: false,
@@ -90,16 +87,16 @@ export default {
         },
         nextPageCount() {
             const count = this.page * this.itemsPerPage;
-            return this.totalItems > 0 && count < this.totalItems ? count : this.totalItems;
+            return this.contractsNumber > 0 && count < this.contractsNumber ? count : this.contractsNumber;
         }
     },
     mounted() {
         this.init();
     },
     methods: {
-        changePage(page) {
-            const offset = this.page * this.itemsPerPage;
-            this.page = page;
+        changePage(newPage) {
+            const offset = (newPage - 1) * this.itemsPerPage;
+            this.page = newPage;
             this.requestRecentlyCalledContracts(offset);
         },
         async init() {
@@ -107,9 +104,6 @@ export default {
                 return;
 
             this.requestRecentlyCalledContracts();
-            if (!this.updateable) {
-                this.totalItems = Number((await this.api.getContractsCount(this.network)));
-            }
         },
         requestRecentlyCalledContracts(offset = 0) {
             if (this.loading)
@@ -142,7 +136,6 @@ export default {
         return {
             aliasMaxLength: 24,
             page: 1,
-            totalItems: -1,
             loading: false,
             recentlyCalledTableHeaders: [
                 {
diff --git a/src/views/network/ConstantsTab.vue b/src/views/network/ConstantsTab.vue
index 2e5998ca..0ca2d57f 100644
--- a/src/views/network/ConstantsTab.vue
+++ b/src/views/network/ConstantsTab.vue
@@ -3,6 +3,7 @@
         class="mt-4"
         hide-pagination-count
         :network="network"
+        :constantsNumber="constantsNumber"
         :items-per-page="10"
         :updateable="false"
         pageable
@@ -14,11 +15,17 @@ import GlobalConstantsRegistry from '../../components/Tables/GlobalConstantsRegi
 
 export default {
     name: "ConstantsTab",
-    props: {
-        network: String
-    },
     components: {
         GlobalConstantsRegistry
-    }
+    },
+    props: {
+        network: String,
+        state: Object,
+    },
+    computed: {
+        constantsNumber() {
+            return this.state.stats ? this.state.stats.global_constants_count : 0;
+        },
+    },
 }
-</script>
\ No newline at end of file
+</script>
diff --git a/src/views/network/RecentlyCalledTab.vue b/src/views/network/RecentlyCalledTab.vue
index 4b333284..f1a778be 100644
--- a/src/views/network/RecentlyCalledTab.vue
+++ b/src/views/network/RecentlyCalledTab.vue
@@ -3,8 +3,8 @@
         class="mt-4"
         hide-pagination-count
         :network="network"
+        :contractsNumber="contractsNumber"
         :items-per-page="10"
-        :updateable="false"
         pageable
     />
 </template>
@@ -14,11 +14,17 @@ import RecentlyCalledContracts from '../../components/Tables/RecentlyCalledContr
 
 export default {
     name: "RecentlyCalledTab",
-    props: {
-        network: String
-    },
     components: {
         RecentlyCalledContracts
-    }
+    },
+    props: {
+        network: String,
+        state: Object,
+    },
+    computed: {
+        contractsNumber() {
+            return this.state.stats ? this.state.stats.contracts_count : 0;
+        },
+    },
 }
-</script>
\ No newline at end of file
+</script>

From 8aec95689a358a7125c2b8565bfae62e7a7d5f35 Mon Sep 17 00:00:00 2001
From: GussevPM <GussevPM@GMail.Com>
Date: Mon, 2 Oct 2023 21:23:44 +0400
Subject: [PATCH 2/7] Contract model changes

---
 src/views/contract/Contract.vue             | 2 +-
 src/views/contract/MenuToolbar.vue          | 8 ++++----
 src/views/extended_search/cards/Account.vue | 2 +-
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/views/contract/Contract.vue b/src/views/contract/Contract.vue
index 243d5aec..cc8247ea 100644
--- a/src/views/contract/Contract.vue
+++ b/src/views/contract/Contract.vue
@@ -236,7 +236,7 @@ export default {
         .getContract(this.network, this.address)
         .then((res) => {
           if (!res) return;
-          this.contract = res;
+          this.contract = {...this.contractInfo, ...res};
         })
         .catch((err) => {
           if (err.code === 204) {
diff --git a/src/views/contract/MenuToolbar.vue b/src/views/contract/MenuToolbar.vue
index 920b84f5..1baa79aa 100644
--- a/src/views/contract/MenuToolbar.vue
+++ b/src/views/contract/MenuToolbar.vue
@@ -6,9 +6,9 @@
       background-color="transparent"
       slider-color="primary"
     >
-      <v-tab :to="pushTo({ name: 'operations' })" :key="0" :title="contract.tx_count" replace style="width: 175px">
+      <v-tab :to="pushTo({ name: 'operations' })" :key="0" :title="contract.operations_count" replace style="width: 175px">
         <v-icon left small>mdi-swap-horizontal</v-icon>operations
-        <span class="ml-1">({{ contract.tx_count || 0 | numberToCompactSIFormat }})</span>
+        <span class="ml-1">({{ contract.operations_count || 0 | numberToCompactSIFormat }})</span>
       </v-tab> 
       <v-tab v-for="(tab, idx) in tabs" :key="idx + 1" :to="tab.to">
         <v-icon left small>{{ tab.icon }}</v-icon>{{ tab.text }}
@@ -41,7 +41,7 @@ export default {
     }
   },
   watch: {
-    'contract.tx_count'() {
+    'contract.operations_count'() {
       this.componentKey += 1;
     }
   },
@@ -83,7 +83,7 @@ export default {
           })
         }
 
-        if (this.contract.has_ticket_updates) {
+        if (this.contract.ticket_updates_count && this.contract.ticket_updates_count > 0) {
           tabs.push({
             to: this.pushTo({ name: 'ticket_updates' }),
             icon: 'mdi-ticket-outline',
diff --git a/src/views/extended_search/cards/Account.vue b/src/views/extended_search/cards/Account.vue
index 3172a375..51754469 100644
--- a/src/views/extended_search/cards/Account.vue
+++ b/src/views/extended_search/cards/Account.vue
@@ -47,7 +47,7 @@
                             <span class="overline">Operations count</span>
                         </v-list-item-title>
                         <v-list-item-subtitle>
-                            <span class="hash">{{ info.tx_count }}</span>
+                            <span class="hash">{{ info.operations_count }}</span>
                         </v-list-item-subtitle>
                     </v-list-item-content>
                 </v-list-item>

From 5cabed66a8c70da594977ae853a1727df1a76428 Mon Sep 17 00:00:00 2001
From: GussevPM <GussevPM@GMail.Com>
Date: Mon, 2 Oct 2023 21:46:03 +0400
Subject: [PATCH 3/7] Change opg requests

---
 src/api/bcd.js                                | 11 ++---------
 src/views/extended_search/cards/Operation.vue |  2 +-
 2 files changed, 3 insertions(+), 10 deletions(-)

diff --git a/src/api/bcd.js b/src/api/bcd.js
index 8478c950..5b19b4a7 100644
--- a/src/api/bcd.js
+++ b/src/api/bcd.js
@@ -473,10 +473,7 @@ export class BetterCallApi {
         if (with_storage_diff) {
         params.with_storage_diff = with_storage_diff;
         }
-        if (network) {
-        params.network = network
-        }
-        return getCancellable(this.api, `/opg/${hash}`, {
+        return getCancellable(this.api, `/opg/${network}/${hash}`, {
         params: params,
         })
         .then((res) => {
@@ -508,11 +505,7 @@ export class BetterCallApi {
     }
 
     getOperationsByHashAndCounter(hash, counter, network=null) {
-        let params = {};
-        if (network) {
-        params['network'] = network;
-        }
-        return getCancellable(this.api, `/opg/${hash}/${counter}`, params)
+        return getCancellable(this.api, `/opg/${network}/${hash}/${counter}`, {})
         .then((res) => {
             if (res.status != 200) {
             throw new RequestFailedError(res);
diff --git a/src/views/extended_search/cards/Operation.vue b/src/views/extended_search/cards/Operation.vue
index 09171340..d1a1a4c8 100644
--- a/src/views/extended_search/cards/Operation.vue
+++ b/src/views/extended_search/cards/Operation.vue
@@ -80,7 +80,7 @@ export default {
             if (this.loading) return;
             this.loading = true;
 
-            this.api.getOPG(item.body.Hash)
+            this.api.getOPG(item.body.Hash, true, false, item.body.Network)
                 .then(opg => {
                     if (opg.length > 0){
                         this.info = opg[0];

From 38fd4061f3169bc470b7451b6ff40fb6bb3634c8 Mon Sep 17 00:00:00 2001
From: GussevPM <GussevPM@GMail.Com>
Date: Mon, 2 Oct 2023 22:16:21 +0400
Subject: [PATCH 4/7] Refactoring MenuToolbar + fix code smell

---
 src/views/contract/MenuToolbar.vue | 25 ++++++++++++-------------
 1 file changed, 12 insertions(+), 13 deletions(-)

diff --git a/src/views/contract/MenuToolbar.vue b/src/views/contract/MenuToolbar.vue
index 1baa79aa..31b86d49 100644
--- a/src/views/contract/MenuToolbar.vue
+++ b/src/views/contract/MenuToolbar.vue
@@ -47,7 +47,7 @@ export default {
   },
   computed: {
     isContract() {
-      return this.address.startsWith("KT");
+      return this.contract.account_type === 'contract';
     },
     hasOffChainViews() {
       return this.metadata && this.metadata.metadata && this.metadata.metadata.views && this.metadata.metadata.views.length > 0;
@@ -83,24 +83,14 @@ export default {
           })
         }
 
-        if (this.contract.ticket_updates_count && this.contract.ticket_updates_count > 0) {
+        if (this.contract.ticket_updates_count > 0) {
           tabs.push({
             to: this.pushTo({ name: 'ticket_updates' }),
             icon: 'mdi-ticket-outline',
             text: 'Tickets',
           })
         }
-      }
-
-      if (this.metadata) {
-        tabs.push({
-          to: this.pushTo({ name: 'metadata' }),
-          icon: 'mdi-puzzle-outline',
-          text: 'Metadata',
-        })
-      }
 
-      if (this.isContract) {
         tabs.push({
           to: this.pushTo({ name: 'fork' }),
           icon: 'mdi-source-fork',
@@ -115,7 +105,7 @@ export default {
           })
         }
 
-        if (this.contract.events_count && this.contract.events_count > 0) {
+        if (this.contract.events_count > 0) {
           tabs.push({
             to: this.pushTo({ name: 'events' }),
             icon: 'mdi-bell-outline',
@@ -138,6 +128,15 @@ export default {
         })
       }
 
+
+      if (this.metadata) {
+        tabs.push({
+          to: this.pushTo({ name: 'metadata' }),
+          icon: 'mdi-puzzle-outline',
+          text: 'Metadata',
+        })
+      }
+
       return tabs;
     }
   },

From e779225eef663a13ec15df460beb16bf182b8589 Mon Sep 17 00:00:00 2001
From: GussevPM <GussevPM@GMail.Com>
Date: Sun, 8 Oct 2023 23:46:05 +0400
Subject: [PATCH 5/7] Review fixes

---
 src/components/Tables/GlobalConstantsRegistry.vue |  2 +-
 src/components/Tables/RecentlyCalledContracts.vue |  2 +-
 src/views/contract/MenuToolbar.vue                | 11 -----------
 3 files changed, 2 insertions(+), 13 deletions(-)

diff --git a/src/components/Tables/GlobalConstantsRegistry.vue b/src/components/Tables/GlobalConstantsRegistry.vue
index 888cb573..f95234fa 100644
--- a/src/components/Tables/GlobalConstantsRegistry.vue
+++ b/src/components/Tables/GlobalConstantsRegistry.vue
@@ -43,7 +43,7 @@
             <v-btn icon @click="changePage(page - 1)" :disabled="page === 1">
               <v-icon>mdi-chevron-left</v-icon>
             </v-btn>
-            <v-btn icon @click="changePage(page + 1)" :disabled="(constantsNumber / itemsPerPage) < page">
+            <v-btn icon @click="changePage(page + 1)" :disabled="constantsNumber <= itemsPerPage * page">
               <v-icon>mdi-chevron-right</v-icon>
             </v-btn>
           </div>
diff --git a/src/components/Tables/RecentlyCalledContracts.vue b/src/components/Tables/RecentlyCalledContracts.vue
index 61434409..050058c4 100644
--- a/src/components/Tables/RecentlyCalledContracts.vue
+++ b/src/components/Tables/RecentlyCalledContracts.vue
@@ -52,7 +52,7 @@
             <v-btn icon @click="changePage(page - 1)" :disabled="page === 1">
               <v-icon>mdi-chevron-left</v-icon>
             </v-btn>
-            <v-btn icon @click="changePage(page + 1)" :disabled="(contractsNumber / itemsPerPage) < page">
+            <v-btn icon @click="changePage(page + 1)" :disabled="contractsNumber <= itemsPerPage * page">
               <v-icon>mdi-chevron-right</v-icon>
             </v-btn>
           </div>
diff --git a/src/views/contract/MenuToolbar.vue b/src/views/contract/MenuToolbar.vue
index 31b86d49..ffccda2e 100644
--- a/src/views/contract/MenuToolbar.vue
+++ b/src/views/contract/MenuToolbar.vue
@@ -1,7 +1,6 @@
 <template>
   <v-toolbar flat class color="toolbar" height="48">
     <v-tabs
-      :key="componentKey"
       center-active
       background-color="transparent"
       slider-color="primary"
@@ -35,16 +34,6 @@ export default {
     network: String,
     onChainViews: Array
   },
-  data() {
-    return {
-      componentKey: 1
-    }
-  },
-  watch: {
-    'contract.operations_count'() {
-      this.componentKey += 1;
-    }
-  },
   computed: {
     isContract() {
       return this.contract.account_type === 'contract';

From cb9545904213b5ad24ec367d9588710c62f534c0 Mon Sep 17 00:00:00 2001
From: GussevPM <GussevPM@GMail.Com>
Date: Fri, 13 Oct 2023 23:09:44 +0400
Subject: [PATCH 6/7] Return MetadataTab position

---
 src/views/contract/MenuToolbar.vue | 17 ++++++++---------
 1 file changed, 8 insertions(+), 9 deletions(-)

diff --git a/src/views/contract/MenuToolbar.vue b/src/views/contract/MenuToolbar.vue
index ffccda2e..c6f5d4ea 100644
--- a/src/views/contract/MenuToolbar.vue
+++ b/src/views/contract/MenuToolbar.vue
@@ -79,6 +79,14 @@ export default {
             text: 'Tickets',
           })
         }
+        
+        if (this.metadata) {
+          tabs.push({
+            to: this.pushTo({ name: 'metadata' }),
+            icon: 'mdi-puzzle-outline',
+            text: 'Metadata',
+          })
+        }
 
         tabs.push({
           to: this.pushTo({ name: 'fork' }),
@@ -117,15 +125,6 @@ export default {
         })
       }
 
-
-      if (this.metadata) {
-        tabs.push({
-          to: this.pushTo({ name: 'metadata' }),
-          icon: 'mdi-puzzle-outline',
-          text: 'Metadata',
-        })
-      }
-
       return tabs;
     }
   },

From 06c0fa3d300c26197f3738fc180cf5ed2acba61f Mon Sep 17 00:00:00 2001
From: GussevPM <GussevPM@GMail.Com>
Date: Sat, 14 Oct 2023 00:36:19 +0400
Subject: [PATCH 7/7] Fix contractInfo

---
 src/views/contract/InfoSection/ContractInfo.vue | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/views/contract/InfoSection/ContractInfo.vue b/src/views/contract/InfoSection/ContractInfo.vue
index 6c2ed0bb..b65b4a35 100644
--- a/src/views/contract/InfoSection/ContractInfo.vue
+++ b/src/views/contract/InfoSection/ContractInfo.vue
@@ -36,7 +36,7 @@
                     </v-list-item-title>
                 </v-list-item-content>
             </v-list-item>
-            <v-list-item v-if="balance">
+            <v-list-item>
                 <v-list-item-content>
                     <v-list-item-subtitle class="overline"
                     >Balance</v-list-item-subtitle
@@ -49,6 +49,7 @@
             <AccountBox
                 v-if="contract.manager"
                 title="Deployed by"
+                :key="contract.address"
                 :address="contract.manager"
                 :network="contract.network"
                 gutters
@@ -56,6 +57,7 @@
             <AccountBox
                 v-if="contract.delegate"
                 title="Delegated to"
+                :key="contract.address"
                 :address="contract.delegate"
                 :network="contract.network"
                 gutters
@@ -104,9 +106,6 @@ export default {
     isPaidUsedLoading: true,
     paidUsed: null,
   }),
-  mounted() {
-    this.getInfo();
-  },
   computed: {
     isLoading() {
         return this.isUsedBytesLoading || this.isPaidUsedLoading
@@ -134,5 +133,13 @@ export default {
         .finally(() => (this.isPaidUsedLoading = false))
     },
   },
+  watch: {
+    address: {
+      immediate: true,
+      handler() {
+        this.getInfo();
+      },
+    },
+  },
 };
 </script>