From 561754985087c40b1ff9647c766064786fa33fd7 Mon Sep 17 00:00:00 2001
From: Net <93821485+somnetsak123@users.noreply.github.com>
Date: Tue, 11 Jun 2024 15:05:16 +0700
Subject: [PATCH] =?UTF-8?q?fix:=20=E0=B9=81=E0=B8=81=E0=B9=89=20type=20?=
 =?UTF-8?q?=E0=B8=82=E0=B8=AD=E0=B8=87=20status?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/04_product-service/ProductCardComponent.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/04_product-service/ProductCardComponent.vue b/src/components/04_product-service/ProductCardComponent.vue
index 6961ac19..325ed278 100644
--- a/src/components/04_product-service/ProductCardComponent.vue
+++ b/src/components/04_product-service/ProductCardComponent.vue
@@ -1,14 +1,14 @@
 <script setup lang="ts">
-import AppBox from 'components/app/AppBox.vue';
 import AllAroundBtn from '../AllAroundBtn.vue';
 import { dateFormat } from 'src/utils/datetime';
+import { Status } from 'src/stores/types';
 
 withDefaults(
   defineProps<{
     title?: string;
     subtitle?: string;
     color?: string;
-    status?: boolean;
+    status?: Status;
     date?: Date;
   }>(),
   {
@@ -47,7 +47,7 @@ withDefaults(
           <div class="app-text-muted">{{ $t('status') }}</div>
 
           <q-badge
-            v-if="status"
+            v-if="status !== 'INACTIVE'"
             class="q-px-md q-py-xs rounded"
             style="background-color: var(--teal-0); color: var(--teal-6)"
           >