From 484559e06c83f38d27069cbebd0597b0c1653201 Mon Sep 17 00:00:00 2001
From: alexm <alexm@verdnatura.es>
Date: Mon, 12 May 2025 09:54:22 +0200
Subject: [PATCH] refactor: refs #8193 update worker references to user in
 CustomerNotes component

---
 src/pages/Customer/Card/CustomerNotes.vue | 30 +++++++++++------------
 1 file changed, 15 insertions(+), 15 deletions(-)

diff --git a/src/pages/Customer/Card/CustomerNotes.vue b/src/pages/Customer/Card/CustomerNotes.vue
index 968122bc5..81abae94b 100644
--- a/src/pages/Customer/Card/CustomerNotes.vue
+++ b/src/pages/Customer/Card/CustomerNotes.vue
@@ -3,6 +3,7 @@ import { ref, computed, onMounted, onUnmounted } from 'vue';
 import { useI18n } from 'vue-i18n';
 
 import { useStateStore } from 'stores/useStateStore';
+import { useState } from 'src/composables/useState';
 
 import RightMenu from 'src/components/common/RightMenu.vue';
 import VnSelect from 'src/components/common/VnSelect.vue';
@@ -10,6 +11,8 @@ import VnNotes from 'src/components/ui/VnNotes.vue';
 import VnTableFilter from 'src/components/VnTable/VnTableFilter.vue';
 import VnAvatar from 'src/components/ui/VnAvatar.vue';
 
+const state = useState();
+const user = state.getUser();
 const { t } = useI18n();
 const url = 'clientObservations';
 const stateStore = useStateStore();
@@ -19,17 +22,17 @@ const columns = computed(() => [
         name: 'observationTypeFk',
     },
     {
-        name: 'workerFk',
+        name: 'userFk',
     },
 ]);
 
 const setWorkerObservations = (data) => {
     const seen = new Set();
     filteredWorkers.value = data;
-    filteredWorkers.value = data.filter((worker) => {
-        if (!seen.has(worker.workerFk)) {
-            seen.add(worker.workerFk);
-            return true;
+    filteredWorkers.value = data.filter((observation) => {
+        if (!seen.has(observation.userFk)) {
+            seen.add(observation.userFk);
+            return observation.user;
         }
         return false;
     });
@@ -37,7 +40,7 @@ const setWorkerObservations = (data) => {
 function exprBuilder(param, value) {
     switch (param) {
         case 'observationTypeFk':
-        case 'workerFk':
+        case 'userFk':
             return { [param]: value };
     }
 }
@@ -54,7 +57,6 @@ onUnmounted(() => {
         <template #right-panel>
             <VnTableFilter
                 data-key="clientObservations"
-                :data-key
                 :columns="columns"
                 :redirect="false"
                 :exprBuilder
@@ -75,16 +77,15 @@ onUnmounted(() => {
                         data-cy="VnNotes-observation-type-filter"
                     />
                 </template>
-                <template #filter-workerFk="{ params, columnName, searchFn }">
+                <template #filter-userFk="{ params, columnName, searchFn }">
                     <VnSelect
                         :label="t('globals.user')"
                         v-model="params[columnName]"
-                        option-label="workerFk"
-                        option-value="workerFk"
+                        option-label="name"
+                        option-value="userFk"
                         :options="filteredWorkers"
                         @keyup.enter="searchFn"
                         @update:modelValue="() => searchFn()"
-                        hide-selected
                         dense
                         filled
                         data-cy="VnNotes-user-filter"
@@ -92,12 +93,12 @@ onUnmounted(() => {
                         <template #option="{ opt, itemProps }">
                             <QItem v-bind="itemProps" class="q-pa-xs row items-center">
                                 <QItemSection class="col-3 items-center">
-                                    <VnAvatar :worker-id="opt.worker.id" />
+                                    <VnAvatar :worker-id="opt?.user?.id" size="md" />
                                 </QItemSection>
                                 <QItemSection class="col-9 justify-center">
-                                    <span>{{ opt.worker?.user?.name }}</span>
+                                    <span>{{ opt?.user?.name }}</span>
                                     <span class="text-grey">
-                                        {{ `#${opt.worker?.user?.id}` }}
+                                        {{ `#${opt?.user?.id}` }}
                                     </span>
                                 </QItemSection>
                             </QItem>
@@ -115,7 +116,6 @@ onUnmounted(() => {
         :body="{ clientFk: $route.params.id, userFk: user.id }"
         style="overflow-y: auto"
         :select-type="true"
-        :filter-columns="['workerFk', 'observationTypeFk']"
         required
         order="created DESC"
         @on-fetch="(data) => setWorkerObservations(data)"