refactor: quotation card badge color & constant

src/components/05_quotation/TableQuotation.vue

@@ -7,14 +7,7 @@ import { formatNumberDecimal, commaInput } from 'stores/utils';
 import BadgeComponent from 'components/BadgeComponent.vue';
 import KebabAction from 'components/shared/KebabAction.vue';
 
-const hslaColors: Record<string, string> = {
+import { hslaColors } from 'src/pages/05_quotation/constants';
-  Issued: '--orange-5-hsl',
-  Accepted: '--pink-6-hsl',
-  Expired: '--cyan-7-hsl',
-  PaymentInProcess: '--purple-7-hsl',
-  PaymentSuccess: '--orange-11-hsl',
-  ProcessComplete: '--blue-10-hsl',
-};
 
 const props = withDefaults(
   defineProps<{

src/pages/05_quotation/MainPage.vue

@@ -11,6 +11,7 @@ import { useNavigator } from 'src/stores/navigator';
 import useFlowStore from 'src/stores/flow';
 import useMyBranch from 'stores/my-branch';
 import { useQuotationForm } from './form';
+import { hslaColors } from './constants';
 
 // NOTE  Import Types
 import { CustomerBranchCreate } from 'stores/customer/types';
@@ -652,6 +653,7 @@ async function storeDataLocal(id: string) {
                           item.row.createdBy.lastName
                     "
                     :total-price="item.row.finalPrice"
+                    :badge-color="hslaColors[item.row.quotationStatus] || ''"
                     @preview="storeDataLocal(item.row.id)"
                     @view="
                       () => {

src/pages/05_quotation/constants.ts

@@ -126,3 +126,12 @@ export const columnQuotation = [
 ] satisfies QTableProps['columns'];
 
 export const fieldSelectedOption = [{ label: 'general.type', value: 'value' }];
+
+export const hslaColors: Record<string, string> = {
+  Issued: '--orange-5-hsl',
+  Accepted: '--pink-6-hsl',
+  Expired: '--cyan-7-hsl',
+  PaymentInProcess: '--purple-7-hsl',
+  PaymentSuccess: '--green-8-hsl',
+  ProcessComplete: '--blue-6-hsl',
+};