From 977d59553ad92e788e1076cec218ceecea2809c1 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Sat, 14 Aug 2021 10:32:45 +0800
Subject: [PATCH] add remove

---
 src/views/UserAccounts.vue | 53 ++++++++++++++++++++++++++++++++------
 1 file changed, 45 insertions(+), 8 deletions(-)

diff --git a/src/views/UserAccounts.vue b/src/views/UserAccounts.vue
index 2ebe3706..be31804f 100644
--- a/src/views/UserAccounts.vue
+++ b/src/views/UserAccounts.vue
@@ -26,19 +26,46 @@
 
             <b-card
               no-body
-              class="card-browser-states text-truncate"
+              class="card-browser-states"
             >
               <b-card-header>
                 <div>
                   <b-card-title> <span class="text-uppercase">{{ acc.chain }}</span></b-card-title>
                 </div>
-                <feather-icon
-                  icon="MoreVerticalIcon"
-                  size="18"
-                  class="cursor-pointer"
-                />
+                <b-dropdown
+                  class="ml-1"
+                  variant="link"
+                  no-caret
+                  toggle-class="p-0"
+                  right
+                >
+                  <template #button-content>
+                    <feather-icon
+                      icon="MoreVerticalIcon"
+                      size="18"
+                      class="cursor-pointer"
+                    />
+                  </template>
+
+                  <b-dropdown-item
+                    v-if="balances[acc.addr]"
+                    @click="removeAddress(acc.chain)"
+                  >
+                    Send
+                  </b-dropdown-item>
+                  <b-dropdown-item
+                    v-if="balances[acc.addr]"
+                    @click="removeAddress(acc.chain)"
+                  >
+                    Detail
+                  </b-dropdown-item>
+                  <b-dropdown-item @click="removeAddress(acc.addr)">
+                    Remove
+                  </b-dropdown-item>
+                </b-dropdown>
+
               </b-card-header>
-              <b-card-body>
+              <b-card-body class="text-truncate">
                 <b-row>
                   <b-col>
                     <div class="d-flex justify-content-between">
@@ -113,7 +140,7 @@
 <script>
 import chainAPI from '@/libs/fetch'
 import {
-  BCard, BCardHeader, BCardTitle, BCardBody, VBModal, BRow, BCol, BTabs, BTab, BAvatar,
+  BCard, BCardHeader, BCardTitle, BCardBody, VBModal, BRow, BCol, BTabs, BTab, BAvatar, BDropdown, BDropdownItem,
 } from 'bootstrap-vue'
 import Ripple from 'vue-ripple-directive'
 import FeatherIcon from '@/@core/components/feather-icon/FeatherIcon.vue'
@@ -134,6 +161,8 @@ export default {
     BCardHeader,
     BCardBody,
     BCardTitle,
+    BDropdown,
+    BDropdownItem,
     FormWizardNumber,
     FeatherIcon,
   },
@@ -208,6 +237,14 @@ export default {
       }
       return 0
     },
+    removeAddress(v) {
+      Object.values(this.accounts).forEach(item => {
+        const newAddrs = item.address.filter(a => a.addr !== v)
+        console.log(item, newAddrs, v)
+        this.$set(item, 'address', newAddrs)
+      })
+      localStorage.setItem('accounts', JSON.stringify(this.accounts))
+    },
   },
 }
 </script>