From a54702a24e59eb3e1d6dd89fe5dba1c4059bd1e0 Mon Sep 17 00:00:00 2001
From: Methapon2001 <61303214+Methapon2001@users.noreply.github.com>
Date: Thu, 18 Apr 2024 14:14:23 +0700
Subject: [PATCH] feat: inactive color

---
 src/components/01_branch-management/BranchCard.vue | 8 ++++----
 src/pages/01_branch-management/MainPage.vue        | 4 +++-
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/01_branch-management/BranchCard.vue b/src/components/01_branch-management/BranchCard.vue
index 181d72b3..c21d87c4 100644
--- a/src/components/01_branch-management/BranchCard.vue
+++ b/src/components/01_branch-management/BranchCard.vue
@@ -73,8 +73,8 @@ defineProps<{
   }
 
   &.branch-card__inactive {
-    filter: grayscale(100%);
-    opacity: 0.6;
+    filter: grayscale(40%);
+    opacity: 0.5;
   }
 
   display: flex;
@@ -99,7 +99,7 @@ defineProps<{
     &.branch-card__header {
       color: hsl(var(--_branch-card-row-fg));
       background-color: hsl(var(--_branch-card-row-bg));
-      font-weight: bold;
+      font-weight: 600;
     }
 
     &.branch-card__header > * {
@@ -113,7 +113,7 @@ defineProps<{
     }
 
     &:not(.branch-card__header) .branch-card__label {
-      color: hsl(var(--stone-7-hsl));
+      color: hsl(var(--stone-6-hsl));
     }
 
     & > .branch-card__value {
diff --git a/src/pages/01_branch-management/MainPage.vue b/src/pages/01_branch-management/MainPage.vue
index f3d60952..ae8e2969 100644
--- a/src/pages/01_branch-management/MainPage.vue
+++ b/src/pages/01_branch-management/MainPage.vue
@@ -243,7 +243,7 @@ function changeTitle(
                       beforeBranch = currentHq;
                       currentHq = { id: '', code: '' };
                       fieldSelectedBranch = {
-                        label: t('branchHQLabel'),
+                        label: $t('branchHQLabel'),
                         value: 'branchHQLabel',
                       };
                     }
@@ -443,6 +443,7 @@ function changeTitle(
                   :options="
                     fieldDisplay.map((v) => ({ label: $t(v), value: v }))
                   "
+                  :display-value="$t('Fields')"
                   v-model="fieldSelected"
                   option-label="label"
                   option-value="value"
@@ -509,6 +510,7 @@ function changeTitle(
                 :key="item.id"
                 :data="item"
                 :field-selected="fieldSelected"
+                :inactive="item.branchLabelStatus === 'INACTIVE'"
                 @view-detail="(b) => console.log(b)"
               />
             </div>