From 21f7586a183c56e0c3dd5d43b1c918971b462baa Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jos=C3=A9=20Luis=20Pereira?= <pepelui@outlook.com>
Date: Wed, 24 Jul 2024 17:54:13 -0300
Subject: [PATCH] Add no records found message in PanelDescendants

---
 .../Panel/PanelDescendants/PanelDescendants.vue  | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/modules/otus/components/Panel/PanelDescendants/PanelDescendants.vue b/src/modules/otus/components/Panel/PanelDescendants/PanelDescendants.vue
index f7c8822..1997a71 100644
--- a/src/modules/otus/components/Panel/PanelDescendants/PanelDescendants.vue
+++ b/src/modules/otus/components/Panel/PanelDescendants/PanelDescendants.vue
@@ -15,21 +15,18 @@
       <ul class="tree ml-2">
         <AnimationOpacity>
           <DescendantsTree
-            v-if="
-              taxonomy &&
-              (taxonomy.nomenclatural_synonyms.length ||
-                taxonomy.descendants.length)
-            "
+            v-if="hasRecords"
             :taxonomy="taxonomy"
           />
         </AnimationOpacity>
       </ul>
+      <span v-if="!hasRecords && !isLoading">No records found.</span>
     </VCardContent>
   </VCard>
 </template>
 
 <script setup>
-import { ref, watch } from 'vue'
+import { computed, ref, watch } from 'vue'
 import { useOtuPageRequest } from '@/modules/otus/helpers/useOtuPageRequest'
 import DescendantsTree from './DescendantsTree.vue'
 import TaxonWorks from '../../../services/TaxonWorks'
@@ -45,6 +42,13 @@ const props = defineProps({
 const taxonomy = ref(null)
 const isLoading = ref(false)
 
+const hasRecords = computed(
+  () =>
+    taxonomy.value &&
+    (taxonomy.value.nomenclatural_synonyms.length ||
+      taxonomy.value.descendants.length)
+)
+
 watch(
   () => props.otuId,
   async () => {