From 82d608b3e9df2edf1b46a7496fedbe95d8717cca Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Tue, 17 Sep 2024 22:03:35 +0530
Subject: [PATCH] fix: hide section if there is no fields in it

---
 frontend/src/components/SectionFields.vue |  2 +-
 frontend/src/pages/Deal.vue               | 11 ++++++++++-
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/SectionFields.vue b/frontend/src/components/SectionFields.vue
index 1483d8dd8..24b14f96d 100644
--- a/frontend/src/components/SectionFields.vue
+++ b/frontend/src/components/SectionFields.vue
@@ -7,7 +7,7 @@
       v-for="field in _fields"
       :key="field.label"
       :class="[field.hidden && 'hidden']"
-      class="flex items-center gap-2 px-3 leading-5 first:mt-3"
+      class="section-field flex items-center gap-2 px-3 leading-5 first:mt-3"
     >
       <Tooltip :text="__(field.label)" :hoverDelay="1">
         <div class="sm:w-[106px] w-36 shrink-0 truncate text-sm text-gray-600">
diff --git a/frontend/src/pages/Deal.vue b/frontend/src/pages/Deal.vue
index ce281c4d1..c9ef4fbb5 100644
--- a/frontend/src/pages/Deal.vue
+++ b/frontend/src/pages/Deal.vue
@@ -116,7 +116,7 @@
           <div
             v-for="(section, i) in fieldsLayout.data"
             :key="section.label"
-            class="flex flex-col p-3"
+            class="section flex flex-col p-3"
             :class="{ 'border-b': i !== fieldsLayout.data.length - 1 }"
           >
             <Section :is-opened="section.opened" :label="section.label">
@@ -705,3 +705,12 @@ function openEmailBox() {
   activities.value.emailBox.show = true
 }
 </script>
+
+<style scoped>
+:deep(.section:has(.section-field.hidden)) {
+  display: none;
+}
+:deep(.section:has(.section-field:not(.hidden))) {
+  display: flex;
+}
+</style>