From dfa29875d588045a53080c9db31112e75d79fa82 Mon Sep 17 00:00:00 2001
From: carlossa <carlossa@verdnatura.es>
Date: Sun, 22 Oct 2023 07:19:33 +0200
Subject: [PATCH] refs #6157 store

---
 src/components/ui/CardDescriptor.vue | 17 +++++++++++++----
 src/pages/Claim/Card/ClaimCard.vue   |  1 +
 src/stores/useArrayDataStore.js      |  2 +-
 3 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/src/components/ui/CardDescriptor.vue b/src/components/ui/CardDescriptor.vue
index 8976795fb..82e0193d2 100644
--- a/src/components/ui/CardDescriptor.vue
+++ b/src/components/ui/CardDescriptor.vue
@@ -1,10 +1,12 @@
 <script setup>
-import { onMounted, useSlots, ref, watch } from 'vue';
+import { onMounted, useSlots, ref, watch, watchEffect } from 'vue';
 import { useI18n } from 'vue-i18n';
 import axios from 'axios';
 import SkeletonDescriptor from 'components/ui/SkeletonDescriptor.vue';
+import { useArrayData } from 'src/composables/useArrayData';
 
 const $props = defineProps({
+    dataKey: { type: String, default: null },
     url: {
         type: String,
         default: '',
@@ -26,14 +28,17 @@ const $props = defineProps({
         default: 0,
     },
 });
-
+const arrayData = useArrayData('claimData');
+console.log('arraydata en descriptor', arrayData.store.data);
 const slots = useSlots();
 const { t } = useI18n();
 const entity = ref(null);
 let lastUrl = ref(null);
+entity.value = arrayData.store.data;
 
+///
 onMounted(async () => {
-    await fetch();
+    //await fetch();
 });
 
 const emit = defineEmits(['onFetch']);
@@ -53,7 +58,11 @@ async function fetch() {
 watch($props, async () => {
     if (lastUrl.value == $props.url) return;
     entity.value = null;
-    await fetch();
+    /* await fetch(); */
+});
+
+watchEffect(() => {
+    entity.value = arrayData.store.data;
 });
 </script>
 
diff --git a/src/pages/Claim/Card/ClaimCard.vue b/src/pages/Claim/Card/ClaimCard.vue
index 40a3bcd7a..e205e9801 100644
--- a/src/pages/Claim/Card/ClaimCard.vue
+++ b/src/pages/Claim/Card/ClaimCard.vue
@@ -65,6 +65,7 @@ let salixUrl;
 onMounted(async () => {
     salixUrl = await getUrl(`claim/${entityId.value}`);
     await arrayData.fetch({ append: false });
+    console.log('store', arrayData.store.data);
 });
 </script>
 <template>
diff --git a/src/stores/useArrayDataStore.js b/src/stores/useArrayDataStore.js
index f9a32a6fa..a17515592 100644
--- a/src/stores/useArrayDataStore.js
+++ b/src/stores/useArrayDataStore.js
@@ -18,7 +18,7 @@ export const useArrayDataStore = defineStore('arrayDataStore', () => {
             skip: 0,
             order: '',
             data: ref(),
-            isLoading: false
+            isLoading: false,
         };
     }