From bbb2d5c8b49b91eb68f1e31bc8d277167af8ea86 Mon Sep 17 00:00:00 2001
From: Thanaphon Frappet <thanaphon@frappet.com>
Date: Mon, 11 Nov 2024 11:05:06 +0700
Subject: [PATCH] refactor: add bages urgent

---
 .../05_quotation/TableQuotation.vue           | 20 +++++++++++++++----
 1 file changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/components/05_quotation/TableQuotation.vue b/src/components/05_quotation/TableQuotation.vue
index 74d91a83..46f4c3ab 100644
--- a/src/components/05_quotation/TableQuotation.vue
+++ b/src/components/05_quotation/TableQuotation.vue
@@ -115,10 +115,22 @@ defineEmits<{
         </q-td>
 
         <q-td v-if="visibleColumns.includes('status')">
-          <BadgeComponent
-            :title="$t(quotationStatus(props.row.quotationStatus))"
-            :hsla-color="hslaColors[props.row.quotationStatus] || ''"
-          />
+          <div class="row" style="min-width: 150px">
+            <BadgeComponent
+              :title="$t(quotationStatus(props.row.quotationStatus))"
+              :hsla-color="hslaColors[props.row.quotationStatus] || ''"
+            />
+
+            <div v-if="props.row.urgent" class="q-ml-sm" style="font-size: 90%">
+              <BadgeComponent
+                icon="mdi-fire"
+                :title="$t('general.urgent2')"
+                hsla-color="--gray-1-hsl"
+                hsla-background="--red-8-hsl"
+                solid
+              />
+            </div>
+          </div>
         </q-td>
 
         <q-td class="text-right">