From ca3a2bbf8e0a8ea06195dc1405d83d18f8cff524 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Wed, 3 Jan 2024 17:51:32 +0530
Subject: [PATCH] fix: rename view

---
 frontend/src/components/ViewControls.vue | 30 +++++++++++++++++-------
 1 file changed, 22 insertions(+), 8 deletions(-)

diff --git a/frontend/src/components/ViewControls.vue b/frontend/src/components/ViewControls.vue
index 80d577f2..8fe2259a 100644
--- a/frontend/src/components/ViewControls.vue
+++ b/frontend/src/components/ViewControls.vue
@@ -65,6 +65,7 @@
   />
 </template>
 <script setup>
+import EditIcon from '@/components/Icons/EditIcon.vue'
 import DuplicateIcon from '@/components/Icons/DuplicateIcon.vue'
 import PinIcon from '@/components/Icons/PinIcon.vue'
 import UnpinIcon from '@/components/Icons/UnpinIcon.vue'
@@ -295,19 +296,26 @@ const viewActions = computed(() => {
         {
           label: 'Duplicate',
           icon: () => h(DuplicateIcon, { class: 'h-4 w-4' }),
-          onClick: () => setupDuplicate(),
+          onClick: () => duplicateView(),
         },
       ],
     },
   ]
 
   if (route.query.view) {
-    actions[0].items.push({
-      label: view.value.pinned ? 'Unpin View' : 'Pin View',
-      icon: () =>
-        h(view.value.pinned ? UnpinIcon : PinIcon, { class: 'h-4 w-4' }),
-      onClick: () => pinView(),
-    })
+    actions[0].items.push(
+      {
+        label: 'Rename',
+        icon: () => h(EditIcon, { class: 'h-4 w-4' }),
+        onClick: () => renameView(),
+      },
+      {
+        label: view.value.pinned ? 'Unpin View' : 'Pin View',
+        icon: () =>
+          h(view.value.pinned ? UnpinIcon : PinIcon, { class: 'h-4 w-4' }),
+        onClick: () => pinView(),
+      }
+    )
 
     actions.push({
       group: 'Delete View',
@@ -337,12 +345,18 @@ const viewActions = computed(() => {
   return actions
 })
 
-function setupDuplicate() {
+function duplicateView() {
   view.value.name = ''
   view.value.label = view.value.label + ' New'
   showViewModal.value = true
 }
 
+function renameView() {
+  view.value.name = route.query.view
+  view.value.label = getView(route.query.view).label
+  showViewModal.value = true
+}
+
 function pinView() {
   call('crm.fcrm.doctype.crm_view_settings.crm_view_settings.pin', {
     name: route.query.view,