From 27cafb2124aa6bac0be1d317ed9682d28a3dfda3 Mon Sep 17 00:00:00 2001
From: Thanaphon Frappet <thanaphon@frappet.com>
Date: Fri, 25 Oct 2024 17:28:40 +0700
Subject: [PATCH] refactor: use BadgeCompoent

---
 src/pages/05_quotation/QuotationForm.vue | 11 ++---------
 1 file changed, 2 insertions(+), 9 deletions(-)

diff --git a/src/pages/05_quotation/QuotationForm.vue b/src/pages/05_quotation/QuotationForm.vue
index 1fdb15a4..c90a7a82 100644
--- a/src/pages/05_quotation/QuotationForm.vue
+++ b/src/pages/05_quotation/QuotationForm.vue
@@ -60,6 +60,7 @@ import {
 import { precisionRound } from 'src/utils/arithmetic';
 import { useConfigStore } from 'src/stores/config';
 import QuotationFormMetadata from './QuotationFormMetadata.vue';
+import BadgeCompoent from 'src/components/BadgeCompoent.vue';
 
 // defineProps<{
 //   readonly?: boolean;
@@ -728,10 +729,7 @@ const statusQuotationForm = ref<
         style="gap: 10px"
       >
         <div class="row justify-end">
-          <span class="rounded flex flex-center q-pa-xs badge-color">
-            &#128900;
-            {{ $t('general.laborIdentified') }}
-          </span>
+          <BadgeCompoent :title-i18n="$t('general.laborIdentified')" />
         </div>
         <div
           class="row items-center justify-between surface-1 rounded q-pa-xs"
@@ -1721,11 +1719,6 @@ const statusQuotationForm = ref<
   visibility: hidden;
 }
 
-.badge-color {
-  color: hsla(var(--green-6-hsl) / 0.8);
-  background: hsla(var(--green-6-hsl) / 0.1);
-}
-
 .status-color {
   --_color: var(--gray-0);
   border-color: hsla(var(--_color));