From 2c1d2e26a0469f15175d8c0eec071b4c1086c739 Mon Sep 17 00:00:00 2001
From: Thanaphon Frappet <thanaphon@frappet.com>
Date: Wed, 9 Oct 2024 13:35:06 +0700
Subject: [PATCH] refactor:edit color

---
 src/components/03_customer-management/ExpirationDate.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/03_customer-management/ExpirationDate.vue b/src/components/03_customer-management/ExpirationDate.vue
index 5c5677c7..0b911957 100644
--- a/src/components/03_customer-management/ExpirationDate.vue
+++ b/src/components/03_customer-management/ExpirationDate.vue
@@ -15,7 +15,10 @@ function calculateDaysUntilExpire(expireDate: Date): number {
 
 <template>
   <template v-if="calculateDaysUntilExpire(expirationDate) <= 90">
-    <q-badge color="red" class="text-weight-bold">
+    <q-badge
+      :color="calculateDaysUntilExpire(expirationDate) > 0 ? 'orange' : 'red'"
+      class="text-weight-bold"
+    >
       {{
         calculateDaysUntilExpire(expirationDate) > 0
           ? 'จะครบกำหนดในอีก'