fix: add key attribute to LinkWallet component (ArkEcosystemArchive…

…#958)
NicoCereghini · Aug 10, 2020 · 0ba7ece · 0ba7ece
1 parent 69680ab
commit 0ba7ece
Show file tree

Hide file tree

Showing 19 changed files with 32 additions and 19 deletions.
diff --git a/src/components/tables/Blocks.vue b/src/components/tables/Blocks.vue
@@ -31,7 +31,7 @@
         </div>
 
         <div v-else-if="data.column.field === 'generator.username'">
-          <LinkWallet :address="data.row.generator.address" />
+          <LinkWallet :key="data.row.generator.address" :address="data.row.generator.address" />
         </div>
 
         <div v-else-if="data.column.field === 'forged.total'">

diff --git a/src/components/tables/Bridgechains.vue b/src/components/tables/Bridgechains.vue
@@ -16,7 +16,7 @@
         </div>
 
         <div v-else-if="data.column.field === 'publicKey'">
-          <LinkWallet :address="data.row.publicKey" />
+          <LinkWallet :key="data.row.publicKey" :address="data.row.publicKey" />
         </div>
 
         <div v-else-if="data.column.field === 'seedNodes'">

diff --git a/src/components/tables/Businesses.vue b/src/components/tables/Businesses.vue
@@ -16,7 +16,7 @@
         </div>
 
         <div v-else-if="data.column.field === 'address'">
-          <LinkWallet :address="data.row.address" />
+          <LinkWallet :key="data.row.address" :address="data.row.address" />
         </div>
 
         <div v-else-if="data.column.field === 'website'">

diff --git a/src/components/tables/DelegateMonitor.vue b/src/components/tables/DelegateMonitor.vue
@@ -9,7 +9,7 @@
     >
       <template slot-scope="data">
         <div v-if="data.column.field === 'username'" class="flex items-center">
-          <LinkWallet :address="data.row.address">
+          <LinkWallet :key="data.row.address" :address="data.row.address">
             {{ data.row.username }}
           </LinkWallet>
           <span

diff --git a/src/components/tables/Delegates.vue b/src/components/tables/Delegates.vue
@@ -15,7 +15,7 @@
         </div>
 
         <div v-else-if="data.column.field === 'username'" class="flex items-center">
-          <LinkWallet :address="data.row.address">
+          <LinkWallet :key="data.row.address" :address="data.row.address">
             {{ data.row.username }}
           </LinkWallet>
           <span v-if="data.row.isResigned" class="p-1 ml-2 text-sm text-white rounded bg-theme-resigned-label">{{

diff --git a/src/components/tables/LockTransactions.vue b/src/components/tables/LockTransactions.vue
@@ -35,6 +35,7 @@
 
         <div v-else-if="data.column.field === 'recipientId'">
           <LinkWallet
+            :key="data.row.recipientId"
             :address="data.row.recipientId"
             :type="data.row.type"
             :asset="data.row.asset"

diff --git a/src/components/tables/MultiPaymentTransactions.vue b/src/components/tables/MultiPaymentTransactions.vue
@@ -9,7 +9,7 @@
     >
       <template slot-scope="data">
         <div v-if="data.column.field === 'recipientId'">
-          <LinkWallet :address="data.row.recipientId" :type="0" :trunc="false" />
+          <LinkWallet :key="data.row.recipientId" :address="data.row.recipientId" :type="0" :trunc="false" />
         </div>
 
         <div v-else-if="data.column.field === 'amount'">

diff --git a/src/components/tables/Transactions.vue b/src/components/tables/Transactions.vue
@@ -23,11 +23,12 @@
         </div>
 
         <div v-else-if="data.column.field === 'sender'">
-          <LinkWallet :address="data.row.sender" />
+          <LinkWallet :key="data.row.sender" :address="data.row.sender" />
         </div>
 
         <div v-else-if="data.column.field === 'recipient'">
           <LinkWallet
+            :key="data.row.recipient"
             :address="data.row.recipient"
             :type="data.row.type"
             :asset="data.row.asset"

diff --git a/src/components/tables/Wallets.vue b/src/components/tables/Wallets.vue
@@ -13,7 +13,7 @@
         </div>
 
         <div v-else-if="data.column.field === 'address'">
-          <LinkWallet :address="data.row.address" :trunc="false" />
+          <LinkWallet :key="data.row.address" :address="data.row.address" :trunc="false" />
         </div>
 
         <div v-else-if="data.column.field === 'balance'">

diff --git a/src/components/tables/WalletsSearch.vue b/src/components/tables/WalletsSearch.vue
@@ -9,11 +9,15 @@
     >
       <template slot-scope="data">
         <div v-if="data.column.field === 'address'">
-          <LinkWallet :address="data.row.address" :trunc="false" />
+          <LinkWallet :key="data.row.address" :address="data.row.address" :trunc="false" />
         </div>
 
         <div v-else-if="data.column.field === 'vote'">
-          <LinkWallet v-if="data.row.vote" :address="votedDelegate(data.row.vote).address">
+          <LinkWallet
+            v-if="data.row.vote"
+            :key="votedDelegate(data.row.vote).address"
+            :address="votedDelegate(data.row.vote).address"
+          >
             <span class="truncate">{{ votedDelegate(data.row.vote).username }}</span>
           </LinkWallet>
         </div>

diff --git a/src/components/tables/mobile/Blocks.vue b/src/components/tables/mobile/Blocks.vue
@@ -37,7 +37,7 @@
             {{ $t("BLOCK.GENERATED_BY") }}
           </div>
           <div v-if="block.generator">
-            <LinkWallet :address="block.generator.address" />
+            <LinkWallet :key="block.generator.address" :address="block.generator.address" />
           </div>
         </div>
 

diff --git a/src/components/tables/mobile/Bridgechains.vue b/src/components/tables/mobile/Bridgechains.vue
@@ -18,7 +18,7 @@
           <div class="mr-4">
             {{ $t("PAGES.BRIDGECHAINS.CREATOR") }}
           </div>
-          <div><LinkWallet :address="bridgechain.publicKey" /></div>
+          <div><LinkWallet :key="bridgechain.publicKey" :address="bridgechain.publicKey" /></div>
         </div>
 
         <div :class="bridgechain.seedNodes ? 'list-row-border-b' : 'list-row'">

diff --git a/src/components/tables/mobile/Businesses.vue b/src/components/tables/mobile/Businesses.vue
@@ -18,7 +18,7 @@
           <div class="mr-4">
             {{ $t("PAGES.BUSINESSES.CREATOR") }}
           </div>
-          <div><LinkWallet :address="business.address" /></div>
+          <div><LinkWallet :key="business.address" :address="business.address" /></div>
         </div>
 
         <div :class="business.repository ? 'list-row-border-b' : 'list-row'">

diff --git a/src/components/tables/mobile/Delegates.vue b/src/components/tables/mobile/Delegates.vue
@@ -14,7 +14,7 @@
             {{ $t("WALLET.DELEGATE.USERNAME") }}
           </div>
           <div class="flex items-center">
-            <LinkWallet :address="delegate.address">
+            <LinkWallet :key="delegate.address" :address="delegate.address">
               {{ delegate.username }}
             </LinkWallet>
             <span v-if="delegate.isResigned" class="p-1 ml-2 text-sm text-white rounded bg-theme-resigned-label">{{

diff --git a/src/components/tables/mobile/LockTransactions.vue b/src/components/tables/mobile/LockTransactions.vue
@@ -37,6 +37,7 @@
             {{ $t("TRANSACTION.RECIPIENT") }}
           </div>
           <LinkWallet
+            :key="transaction.recipientId"
             :address="transaction.recipientId"
             :type="transaction.type"
             :asset="transaction.asset"

diff --git a/src/components/tables/mobile/Transactions.vue b/src/components/tables/mobile/Transactions.vue
@@ -22,14 +22,15 @@
           <div class="mr-4">
             {{ $t("TRANSACTION.SENDER") }}
           </div>
-          <LinkWallet :address="transaction.sender" />
+          <LinkWallet :key="transaction.sender" :address="transaction.sender" />
         </div>
 
         <div class="list-row-border-b">
           <div class="mr-4">
             {{ $t("TRANSACTION.RECIPIENT") }}
           </div>
           <LinkWallet
+            :key="transaction.recipient"
             :address="transaction.recipient"
             :type="transaction.type"
             :asset="transaction.asset"

diff --git a/src/components/tables/mobile/TransactionsDetail.vue b/src/components/tables/mobile/TransactionsDetail.vue
@@ -20,14 +20,15 @@
           <div class="mr-4">
             {{ $t("TRANSACTION.SENDER") }}
           </div>
-          <LinkWallet :address="transaction.sender" />
+          <LinkWallet :key="transaction.sender" :address="transaction.sender" />
         </div>
 
         <div class="list-row-border-b">
           <div class="mr-4">
             {{ $t("TRANSACTION.RECIPIENT") }}
           </div>
           <LinkWallet
+            :key="transaction.recipient"
             :address="transaction.recipient"
             :type="transaction.type"
             :asset="transaction.asset"

diff --git a/src/components/tables/mobile/Wallets.vue b/src/components/tables/mobile/Wallets.vue
@@ -13,7 +13,7 @@
           <div class="mr-4">
             {{ $t("WALLET.ADDRESS") }}
           </div>
-          <LinkWallet :address="row.address" />
+          <LinkWallet :key="row.address" :address="row.address" />
         </div>
 
         <div class="list-row-border-b">

diff --git a/src/components/tables/mobile/WalletsSearch.vue b/src/components/tables/mobile/WalletsSearch.vue
@@ -6,14 +6,18 @@
           <div class="mr-4">
             {{ $t("WALLET.ADDRESS") }}
           </div>
-          <LinkWallet :address="row.address" />
+          <LinkWallet :key="row.address" :address="row.address" />
         </div>
 
         <div class="list-row-border-b">
           <div class="mr-4">
             {{ $t("WALLET.VOTING_FOR") }}
           </div>
-          <LinkWallet v-if="row.vote" :address="votedDelegate(row.vote).address" />
+          <LinkWallet
+            v-if="row.vote"
+            :key="votedDelegate(row.vote).address"
+            :address="votedDelegate(row.vote).address"
+          />
         </div>
 
         <div class="list-row-border-b">