From 8885db8207e2a4b594b8e38c13db7098e34feb51 Mon Sep 17 00:00:00 2001
From: Methapon2001 <61303214+Methapon2001@users.noreply.github.com>
Date: Wed, 25 Dec 2024 13:33:53 +0700
Subject: [PATCH] refactor: make type more accurate

---
 src/pages/09_task-order/TableTaskOrder.vue | 18 ++++++++----------
 1 file changed, 8 insertions(+), 10 deletions(-)

diff --git a/src/pages/09_task-order/TableTaskOrder.vue b/src/pages/09_task-order/TableTaskOrder.vue
index 5ed55fb5..488a9641 100644
--- a/src/pages/09_task-order/TableTaskOrder.vue
+++ b/src/pages/09_task-order/TableTaskOrder.vue
@@ -44,34 +44,32 @@ const props = withDefaults(
 const currentBtnOpen = ref<boolean[]>([]);
 
 function taskOrderStatus(value: TaskOrderStatus, type: 'status' | 'color') {
-  const mappings: Record<string, Record<'status' | 'color', string>> = {
-    Pending: {
+  return {
+    [TaskOrderStatus.Pending]: {
       status: props.receive ? 'taskOrder.taskInCart' : 'taskOrder.title',
       color: '--blue-6-hsl',
     },
-    InProgress: {
+    [TaskOrderStatus.InProgress]: {
       status: 'taskOrder.inProgress',
       color: props.receive ? '--blue-6-hsl' : '--orange-5-hsl',
     },
-    Validate: {
+    [TaskOrderStatus.Validate]: {
       status: 'taskOrder.inProgress',
       color: props.receive ? '--blue-6-hsl' : '--orange-5-hsl',
     },
-    Complete: {
+    [TaskOrderStatus.Complete]: {
       status: props.receive ? 'taskOrder.sentTask' : 'taskOrder.goodReceipt',
       color: props.receive ? '--blue-6-hsl' : '--green-8-hsl',
     },
-    Accept: {
+    [TaskOrderStatus.Accept]: {
       status: 'taskOrder.receiveTask',
       color: '--blue-6-hsl',
     },
-    Submit: {
+    [TaskOrderStatus.Submit]: {
       status: 'taskOrder.sentTask',
       color: '--blue-6-hsl',
     },
-  };
-
-  return mappings[value]?.[type] || '';
+  }[value][type];
 }
 
 function getCreatedByName(