From 467ab2999953b16f02a6c58d8bfbf618f253cb64 Mon Sep 17 00:00:00 2001
From: jlpereira <pepelui@outlook.com>
Date: Tue, 13 Jun 2023 19:50:06 -0300
Subject: [PATCH] Sort sitemap

---
 .../Panel/PanelTypeSpecimen/PanelTypeSpecimen.vue        | 4 ++--
 src/modules/otus/components/SiteMap.vue                  | 2 +-
 src/modules/otus/store/actions/loadDistribution.js       | 7 +++++--
 src/modules/otus/store/request.js                        | 9 ++++-----
 4 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/src/modules/otus/components/Panel/PanelTypeSpecimen/PanelTypeSpecimen.vue b/src/modules/otus/components/Panel/PanelTypeSpecimen/PanelTypeSpecimen.vue
index 562560c..5652f29 100644
--- a/src/modules/otus/components/Panel/PanelTypeSpecimen/PanelTypeSpecimen.vue
+++ b/src/modules/otus/components/Panel/PanelTypeSpecimen/PanelTypeSpecimen.vue
@@ -2,7 +2,7 @@
   <VCard v-if="typeMaterials.length">
     <VCardHeader class="flex justify-between">
       <h2 class="text-md">Type specimen</h2>
-      <PanelDropdown panel-key="type-material" />
+      <PanelDropdown panel-key="panel:typeMaterial" />
     </VCardHeader>
     <VCardContent class="text-sm">
       <p>
@@ -35,7 +35,7 @@ watch(
       return
     }
 
-    useOtuPageRequest('type-material', () =>
+    useOtuPageRequest('panel:typeMaterial', () =>
       TaxonWorks.getOtuTypeMaterial(props.otuId)
     ).then(({ data }) => {
       typeMaterials.value = data.type_materials_catalog_labels.sort(
diff --git a/src/modules/otus/components/SiteMap.vue b/src/modules/otus/components/SiteMap.vue
index 59d74d5..ec57c16 100644
--- a/src/modules/otus/components/SiteMap.vue
+++ b/src/modules/otus/components/SiteMap.vue
@@ -26,7 +26,7 @@
 </template>
 
 <script setup>
-import { ref } from 'vue'
+import { ref, computed } from 'vue'
 import { useOtuPageRequestStore } from '../store/request'
 
 const isModalVisible = ref(false)
diff --git a/src/modules/otus/store/actions/loadDistribution.js b/src/modules/otus/store/actions/loadDistribution.js
index 42c4f4f..e74c545 100644
--- a/src/modules/otus/store/actions/loadDistribution.js
+++ b/src/modules/otus/store/actions/loadDistribution.js
@@ -4,13 +4,14 @@ import {
   makeGeoJSONFeature
 } from '../../utils'
 import TaxonWorks from '../../services/TaxonWorks'
+import { useOtuPageRequest } from '../../helpers/useOtuPageRequest'
 
 export const actionLoadDistribution = {
   async loadDistribution({ otuId, rankString }) {
     const isSpeciesGroup = rankString && isRankGrpup('SpeciesGroup', rankString)
 
     const getAggregateShape = async (otuId) => {
-      TaxonWorks.getOtuDistribution(otuId)
+      useOtuPageRequest('panel:map', () => TaxonWorks.getOtuDistribution(otuId))
         .then(({ data }) => {
           const geojson = JSON.parse(data.cached_map.geo_json)
 
@@ -27,7 +28,9 @@ export const actionLoadDistribution = {
     }
 
     if (isSpeciesGroup) {
-      TaxonWorks.getOtuGeoJSONDistribution(otuId)
+      useOtuPageRequest('panel:map', () =>
+        TaxonWorks.getOtuGeoJSONDistribution(otuId)
+      )
         .then(({ data }) => {
           if (data.request_too_large) {
             this.distribution.geojson = null
diff --git a/src/modules/otus/store/request.js b/src/modules/otus/store/request.js
index 9d158a0..e5fee78 100644
--- a/src/modules/otus/store/request.js
+++ b/src/modules/otus/store/request.js
@@ -13,12 +13,11 @@ export const useOtuPageRequestStore = defineStore('otuPageRequest', {
     },
 
     sitemap: (state) => {
-      const entries = Object.entries(state.requests).map(([key, value]) => [
-        key,
-        value.url
-      ])
+      const keys = Object.keys(state.requests).sort()
 
-      return Object.fromEntries(entries)
+      return Object.fromEntries(
+        keys.map((key) => [key, state.requests[key].url])
+      )
     }
   },