From 7c81607877a8c22dc37a76bbde3d90d703f2c6a4 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Thu, 2 Jan 2025 18:28:44 +0530
Subject: [PATCH] fix: only show edit button on first section

---
 frontend/src/components/SidePanelLayout.vue | 22 ++++++++++++++++-----
 1 file changed, 17 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/SidePanelLayout.vue b/frontend/src/components/SidePanelLayout.vue
index fd068819..b912ec19 100644
--- a/frontend/src/components/SidePanelLayout.vue
+++ b/frontend/src/components/SidePanelLayout.vue
@@ -14,7 +14,7 @@
             :opened="section.opened"
           >
             <template v-if="!preview" #actions>
-              <div v-if="section.contacts" class="pr-2">
+              <div v-if="section.name == 'contacts_section'" class="pr-2">
                 <Link
                   value=""
                   doctype="Contact"
@@ -41,9 +41,7 @@
                 </Link>
               </div>
               <Button
-                v-else-if="
-                  ((!section.contacts && i == 1) || i == 0) && isManager()
-                "
+                v-else-if="section.showEditButton"
                 variant="ghost"
                 class="w-7 mr-2"
                 @click="showSidePanelModal = true"
@@ -389,7 +387,10 @@ const showSidePanelModal = ref(false)
 
 const _sections = computed(() => {
   if (!props.sections?.length) return []
+  let editButtonAdded = false
   return props.sections.map((section) => {
+    let isContactSection = section.name == 'contacts_section'
+
     if (section.columns?.length) {
       section.columns[0].fields = section.columns[0].fields.map((field) => {
         let df = field?.all_properties || {}
@@ -412,9 +413,20 @@ const _sections = computed(() => {
         return _field
       })
     }
+
+    section.showEditButton = !(
+      !isManager() ||
+      isContactSection ||
+      editButtonAdded
+    )
+    if (section.showEditButton) {
+      editButtonAdded = true
+    }
+
     section.visible =
-      section.name == 'contacts_section' ||
+      isContactSection ||
       section.columns?.[0].fields.filter((f) => f.visible).length
+
     return section
   })
 })