From bb10714824128d82fef0eda67c83d8ff13dd3d6e Mon Sep 17 00:00:00 2001
From: carlosfonseca <carlos.fonseca@mindshore.io>
Date: Mon, 19 Feb 2024 05:24:26 -0500
Subject: [PATCH] Solucion a comentarios 13

---
 src/i18n/es/index.js                          |  2 +-
 src/pages/Customer/Card/CustomerContacts.vue  | 48 ++++++++++---------
 .../Customer/Card/CustomerWebPayment.vue      |  2 +-
 .../components/CustomerCheckIconTooltip.vue   |  3 +-
 4 files changed, 28 insertions(+), 27 deletions(-)

diff --git a/src/i18n/es/index.js b/src/i18n/es/index.js
index 705f64c10..8b9dd83f5 100644
--- a/src/i18n/es/index.js
+++ b/src/i18n/es/index.js
@@ -231,7 +231,7 @@ export default {
             businessType: 'Tipo de negocio',
             contact: 'Contacto',
             youCanSaveMultipleEmails:
-                'Puedeguardar varios correos electrónicos encadenandolos mediante comas sin espacios, ejemplo: user@dominio.com,user2@dominio.com siendo el primer correo electrónico el principal',
+                'Puede guardar varios correos electrónicos encadenandolos mediante comas sin espacios, ejemplo: user@dominio.com,user2@dominio.com siendo el primer correo electrónico el principal',
             email: 'Email',
             phone: 'Teléfono',
             mobile: 'Móvil',
diff --git a/src/pages/Customer/Card/CustomerContacts.vue b/src/pages/Customer/Card/CustomerContacts.vue
index fffbf6147..168f26759 100644
--- a/src/pages/Customer/Card/CustomerContacts.vue
+++ b/src/pages/Customer/Card/CustomerContacts.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { onBeforeMount, reactive, ref } from 'vue';
+import { onBeforeMount, ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useRoute } from 'vue-router';
 
@@ -14,10 +14,9 @@ const { t } = useI18n();
 const route = useRoute();
 const { notify } = useNotify();
 
-let notes = reactive([]);
-let deletes = reactive([]);
-
 const isLoading = ref(false);
+let notes = ref([]);
+let deletes = ref([]);
 
 onBeforeMount(() => {
     getData();
@@ -31,7 +30,7 @@ const getData = async () => {
     const { data } = await axios.get('ClientContacts', {
         params: { filter: JSON.stringify(filter) },
     });
-    notes.length = 0;
+    notes.value.length = 0;
     data.forEach((element) => {
         element.isNew = false;
         addNote(element);
@@ -39,33 +38,36 @@ const getData = async () => {
 };
 
 const addNote = ({ id, name, phone, isNew }) => {
-    if (!notes.some((note) => note.id === id)) {
-        notes.push({
-            id,
-            $isNew: isNew,
-            name,
-            phone,
-            $oldData: null,
-            $orgIndex: null,
-            clientFk: route.params.id,
-        });
-    }
+    notes.value.push({
+        id,
+        $isNew: isNew,
+        name,
+        phone,
+        $oldData: null,
+        $orgIndex: null,
+        clientFk: Number(route.params.id),
+    });
 };
 
 const deleteNote = (note, index) => {
-    deletes.push(note.id);
-    notes.splice(index, 1);
+    deletes.value.push(note.id);
+    notes.value.splice(index, 1);
 };
 
 const onSubmit = async () => {
     isLoading.value = true;
-    const payload = {
-        creates: notes.filter((element) => element.$isNew) || null,
-        deletes: deletes || null,
-    };
+    let payload = {};
+    const creates = notes.value.filter((element) => element.$isNew);
+    if (creates.length) {
+        payload.creates = creates;
+    }
+    if (deletes.value.length) {
+        payload.deletes = deletes.value;
+    }
     try {
         await axios.post('ClientContacts/crud', payload);
-        notes = [];
+        notes.value = [];
+        deletes.value = [];
         notify('globals.dataCreated', 'positive');
         await getData();
     } catch (error) {
diff --git a/src/pages/Customer/Card/CustomerWebPayment.vue b/src/pages/Customer/Card/CustomerWebPayment.vue
index ed603df9d..4b5a8b365 100644
--- a/src/pages/Customer/Card/CustomerWebPayment.vue
+++ b/src/pages/Customer/Card/CustomerWebPayment.vue
@@ -115,7 +115,7 @@ const refreshData = () => {
         >
             <template #body-cell="props">
                 <QTd :props="props">
-                    <QTr :props="props" class="cursor-pointer">
+                    <QTr :props="props">
                         <component
                             :is="tableColumnComponents[props.col.name].component"
                             @click="tableColumnComponents[props.col.name].event(props)"
diff --git a/src/pages/Customer/components/CustomerCheckIconTooltip.vue b/src/pages/Customer/components/CustomerCheckIconTooltip.vue
index 02d1b8e51..030c07bc5 100644
--- a/src/pages/Customer/components/CustomerCheckIconTooltip.vue
+++ b/src/pages/Customer/components/CustomerCheckIconTooltip.vue
@@ -31,7 +31,6 @@ const setClientsConfirmTransaction = async () => {
     <div v-if="!$props?.transaction?.isConfirmed">
         <QIcon
             @click.stop="setClientsConfirmTransaction"
-            class="cursor-pointer"
             color="primary"
             name="check"
             size="sm"
@@ -43,5 +42,5 @@ const setClientsConfirmTransaction = async () => {
 
 <i18n>
 es:
-    Confirm transaction: Transacción confirmada
+    Confirm transaction: Confirmar transacción
 </i18n>