From 23830d16368c77ee9e572640a663ed8b403cf3b5 Mon Sep 17 00:00:00 2001
From: jlpereira <pepelui@outlook.com>
Date: Mon, 30 Oct 2023 15:10:59 -0300
Subject: [PATCH] Update type designation panel

---
 .../PanelTypeDesignation.vue                  | 26 +++++--------------
 src/modules/otus/store/actions/index.js       |  3 ---
 src/modules/otus/store/store.js               | 11 +++++---
 3 files changed, 14 insertions(+), 26 deletions(-)
 delete mode 100644 src/modules/otus/store/actions/index.js

diff --git a/src/modules/otus/components/Panel/PanelTypeDesignation/PanelTypeDesignation.vue b/src/modules/otus/components/Panel/PanelTypeDesignation/PanelTypeDesignation.vue
index 8d0d336..5bce593 100644
--- a/src/modules/otus/components/Panel/PanelTypeDesignation/PanelTypeDesignation.vue
+++ b/src/modules/otus/components/Panel/PanelTypeDesignation/PanelTypeDesignation.vue
@@ -11,10 +11,9 @@
 </template>
 
 <script setup>
-import { ref, watch, computed } from 'vue'
-import { useOtuPageRequest } from '@/modules/otus/helpers/useOtuPageRequest'
+import { computed } from 'vue'
+import { useOtuStore } from '@/modules/otus/store/store'
 import PanelDropdown from '../PanelDropdown.vue'
-import TaxonWorks from '../../../services/TaxonWorks'
 
 const props = defineProps({
   taxonId: {
@@ -23,7 +22,11 @@ const props = defineProps({
   }
 })
 
-const typeDesignation = ref({})
+const store = useOtuStore()
+
+const typeDesignation = computed(
+  () => store.taxon?.type_taxon_name_relationship || {}
+)
 const typeDesignationLabel = computed(() =>
   [
     typeDesignation.value.subject_object_tag || '',
@@ -31,19 +34,4 @@ const typeDesignationLabel = computed(() =>
     typeDesignation.value.object_object_tag || ''
   ].join(' ')
 )
-
-watch(
-  () => props.taxonId,
-  async () => {
-    if (!props.taxonId) {
-      return
-    }
-    useOtuPageRequest('panel:type', () =>
-      TaxonWorks.getTaxonTypeDesignation(props.taxonId)
-    ).then(({ data }) => {
-      typeDesignation.value = data.type_taxon_name_relationship || {}
-    })
-  },
-  { immediate: true }
-)
 </script>
diff --git a/src/modules/otus/store/actions/index.js b/src/modules/otus/store/actions/index.js
deleted file mode 100644
index ef6d079..0000000
--- a/src/modules/otus/store/actions/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-export * from './loadCatalog'
-export * from './loadTaxonomy'
-export * from './loadCachedMap'
diff --git a/src/modules/otus/store/store.js b/src/modules/otus/store/store.js
index 45a2f84..128a4f0 100644
--- a/src/modules/otus/store/store.js
+++ b/src/modules/otus/store/store.js
@@ -23,11 +23,14 @@ export const useOtuStore = defineStore('otuStore', {
   },
   actions: {
     async loadTaxon(id, { signal }) {
-      const taxon = await useOtuPageRequest('summary', () =>
-        TaxonWorks.summary(id, { signal })
-      )
+      const responses = await Promise.all([
+        TaxonWorks.getTaxon(id, {
+          params: { extend: ['type_taxon_name_relationship'] }
+        }),
+        useOtuPageRequest('summary', () => TaxonWorks.summary(id, { signal }))
+      ])
 
-      this.taxon = taxon.data
+      this.taxon = Object.assign({}, ...responses.map((r) => r.data))
     },
     async loadOtu(id, { signal }) {
       const otu = await TaxonWorks.getOtu(id, { signal })