From 2f4acd7b1373dd278b86d579f5de4e71c2c31ebf Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Sat, 15 Jun 2024 12:27:44 +0530
Subject: [PATCH] fix: empty state for non editable section and remove x button

---
 .../src/components/Settings/SidebarLayoutBuilder.vue   | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/frontend/src/components/Settings/SidebarLayoutBuilder.vue b/frontend/src/components/Settings/SidebarLayoutBuilder.vue
index 796d3770..1c9fca02 100644
--- a/frontend/src/components/Settings/SidebarLayoutBuilder.vue
+++ b/frontend/src/components/Settings/SidebarLayoutBuilder.vue
@@ -32,6 +32,7 @@
                 @click="section.editingLabel = !section.editingLabel"
               />
               <Button
+                v-if="section.editable !== false"
                 icon="x"
                 variant="ghost"
                 @click="sections.splice(sections.indexOf(section), 1)"
@@ -66,11 +67,20 @@
               </template>
             </Draggable>
             <Button
+              v-if="section.editable !== false"
               class="w-full mt-2"
               variant="outline"
               :label="__('Add Field')"
               @click="section.fields.push({ label: 'New Field' })"
             />
+            <div
+              v-else
+              class="flex justify-center items-center border rounded border-dashed p-3"
+            >
+              <div class="text-sm text-gray-500">
+                {{ __('This section is not editable') }}
+              </div>
+            </div>
           </div>
         </div>
       </template>