From b691c6657f7c5a7e0490a7c4a549b5623acef79c Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Mon, 20 Nov 2023 17:51:16 +0530
Subject: [PATCH] fix: show details that have value

---
 frontend/src/components/Modals/OrganizationModal.vue | 7 +++++--
 frontend/src/pages/Organization.vue                  | 1 -
 frontend/src/pages/Organizations.vue                 | 1 -
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/Modals/OrganizationModal.vue b/frontend/src/components/Modals/OrganizationModal.vue
index 1f551fc2..3133cc18 100644
--- a/frontend/src/components/Modals/OrganizationModal.vue
+++ b/frontend/src/components/Modals/OrganizationModal.vue
@@ -117,6 +117,7 @@
 import EditIcon from '@/components/Icons/EditIcon.vue'
 import OrganizationsIcon from '@/components/Icons/OrganizationsIcon.vue'
 import Link from '@/components/Controls/Link.vue'
+import { organizationsStore } from '@/stores/organizations'
 import { FormControl, Dialog, call, FeatherIcon } from 'frappe-ui'
 import { ref, defineModel, nextTick, watch, computed } from 'vue'
 import { useRouter } from 'vue-router'
@@ -138,7 +139,7 @@ const props = defineProps({
 
 const router = useRouter()
 const show = defineModel()
-const organizations = defineModel('reloadOrganizations')
+const { organizations } = organizationsStore()
 
 const title = ref(null)
 const detailMode = ref(false)
@@ -240,7 +241,7 @@ const dialogOptions = computed(() => {
 })
 
 const fields = computed(() => {
-  return [
+  let details = [
     {
       icon: OrganizationsIcon,
       name: 'organization_name',
@@ -267,6 +268,8 @@ const fields = computed(() => {
       value: _organization.value.industry,
     },
   ]
+
+  return details.filter((field) => field.value)
 })
 
 watch(
diff --git a/frontend/src/pages/Organization.vue b/frontend/src/pages/Organization.vue
index 3b29334d..a70df70c 100644
--- a/frontend/src/pages/Organization.vue
+++ b/frontend/src/pages/Organization.vue
@@ -219,7 +219,6 @@
   </div>
   <OrganizationModal
     v-model="showOrganizationModal"
-    v-model:reloadOrganizations="organizations"
     :organization="organization"
     :options="{ detailMode }"
   />
diff --git a/frontend/src/pages/Organizations.vue b/frontend/src/pages/Organizations.vue
index b6e8fb47..e9cd1df8 100644
--- a/frontend/src/pages/Organizations.vue
+++ b/frontend/src/pages/Organizations.vue
@@ -40,7 +40,6 @@
   <OrganizationsListView :rows="rows" :columns="columns" />
   <OrganizationModal
     v-model="showOrganizationModal"
-    v-model:reloadOrganizations="organizations"
     :organization="{}"
   />
 </template>