From d52a0fdc7f611933bfc20bb3a41e838f8e353e4a Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Fri, 15 Nov 2024 10:23:57 +0000
Subject: [PATCH 1/2] fix: customer Risk icon color

---
 src/pages/Customer/Card/CustomerDescriptor.vue | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/src/pages/Customer/Card/CustomerDescriptor.vue b/src/pages/Customer/Card/CustomerDescriptor.vue
index 43103bd68..5b13f9513 100644
--- a/src/pages/Customer/Card/CustomerDescriptor.vue
+++ b/src/pages/Customer/Card/CustomerDescriptor.vue
@@ -37,6 +37,9 @@ const entityId = computed(() => {
 
 const data = ref(useCardDescription());
 const setData = (entity) => (data.value = useCardDescription(entity?.name, entity?.id));
+const debtWarning = computed(() => {
+    return customer.value?.debt > customer.value?.credit ? 'negative' : 'primary';
+});
 </script>
 
 <template>
@@ -123,6 +126,14 @@ const setData = (entity) => (data.value = useCardDescription(entity?.name, entit
                 >
                     <QTooltip>{{ t('customer.card.notChecked') }}</QTooltip>
                 </QIcon>
+                <QIcon
+                    v-if="customer.debt > customer.credit"
+                    name="vn:risk"
+                    size="xs"
+                    :color="debtWarning"
+                >
+                    <QTooltip>{{ t('customer.card.hasDebt') }}</QTooltip>
+                </QIcon>                
                 <QBtn
                     v-if="customer.unpaid"
                     flat

From d3f538e37cfd96917d6494c3334b73ea0c3b4acc Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Fri, 15 Nov 2024 10:27:37 +0000
Subject: [PATCH 2/2] perf: previous commit

---
 src/pages/Customer/Card/CustomerDescriptor.vue | 14 +++-----------
 1 file changed, 3 insertions(+), 11 deletions(-)

diff --git a/src/pages/Customer/Card/CustomerDescriptor.vue b/src/pages/Customer/Card/CustomerDescriptor.vue
index 5b13f9513..3dca43925 100644
--- a/src/pages/Customer/Card/CustomerDescriptor.vue
+++ b/src/pages/Customer/Card/CustomerDescriptor.vue
@@ -113,8 +113,8 @@ const debtWarning = computed(() => {
                 <QIcon
                     v-if="customer.debt > customer.credit"
                     name="vn:risk"
-                    size="xs"
-                    color="primary"
+                    size="xs" 
+                    :color="debtWarning"
                 >
                     <QTooltip>{{ t('customer.card.hasDebt') }}</QTooltip>
                 </QIcon>
@@ -125,15 +125,7 @@ const debtWarning = computed(() => {
                     color="primary"
                 >
                     <QTooltip>{{ t('customer.card.notChecked') }}</QTooltip>
-                </QIcon>
-                <QIcon
-                    v-if="customer.debt > customer.credit"
-                    name="vn:risk"
-                    size="xs"
-                    :color="debtWarning"
-                >
-                    <QTooltip>{{ t('customer.card.hasDebt') }}</QTooltip>
-                </QIcon>                
+                </QIcon>                             
                 <QBtn
                     v-if="customer.unpaid"
                     flat