From 546ec5b3a44a8c68640d5821e356ffc901b97202 Mon Sep 17 00:00:00 2001
From: Fadhil Yaacob <mohamadfadhil.yaacob@onapp.com>
Date: Wed, 17 Jun 2020 23:19:53 +0800
Subject: [PATCH] Add remove cluster menuItem in side bar

Signed-off-by: Fadhil Yaacob <mohamadfadhil.yaacob@onapp.com>
---
 .../components/MainMenu/ClusterMenuItem.vue     | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/src/renderer/components/MainMenu/ClusterMenuItem.vue b/src/renderer/components/MainMenu/ClusterMenuItem.vue
index b27d8ac245..102e515b12 100644
--- a/src/renderer/components/MainMenu/ClusterMenuItem.vue
+++ b/src/renderer/components/MainMenu/ClusterMenuItem.vue
@@ -19,6 +19,11 @@
       <img v-if="preferences.icon" :src="preferences.icon">
       <hashicon v-else :name="preferences.clusterName" size="38" />
       <span v-if="isAdmin && eventCount > 0" class="badge badge-danger">{{ eventCount >= 1000 ? "1000+" : eventCount }}</span>
+
+      <b-modal id="bv-modal-confirm" @ok="removeCluster" ok-title="Remove" ok-variant="danger" title-class="confirm-header" hide-backdrop title="Confirm cluster delete">
+        <p>Are you sure you want to delete <strong>{{ preferences.clusterName }}</strong> cluster from Lens?</p>
+      </b-modal>
+
     </div>
   </a>
 </template>
@@ -83,6 +88,18 @@ export default {
           },
         }).catch(err => {})
       } }))
+
+      menu.append(new MenuItem({ label: 'Delete', click() {
+
+        self.$store.dispatch('removeCluster', self.cluster.id);
+        if (self.isActive) {
+          self.$router.push({
+            name: "landing-page"
+          }).catch(err => {})
+        }
+        
+      } }))
+
       if (this.activated) {
         menu.append(new MenuItem({ label: 'Disconnect', click() {
           self.activated = false;