From 8c89d32e77741d4d37572488dd71047d31867fe1 Mon Sep 17 00:00:00 2001
From: Thanaphon Frappet <thanaphon@frappet.com>
Date: Tue, 17 Dec 2024 14:36:50 +0700
Subject: [PATCH] refactor: handle grid inactive

---
 src/pages/04_flow-managment/MainPage.vue | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/pages/04_flow-managment/MainPage.vue b/src/pages/04_flow-managment/MainPage.vue
index 3a1caabc..a5322293 100644
--- a/src/pages/04_flow-managment/MainPage.vue
+++ b/src/pages/04_flow-managment/MainPage.vue
@@ -608,6 +608,9 @@ watch([() => pageState.inputSearch, workflowPageSize], fetchWorkflowList);
             <template v-slot:item="props">
               <section class="col-12 col-md-4 column">
                 <div
+                  :class="{
+                    'status-inactive': props.row.status === 'INACTIVE',
+                  }"
                   class="surface-1 rounded bordered row no-wrap col"
                   style="overflow: hidden"
                 >
@@ -624,6 +627,9 @@ watch([() => pageState.inputSearch, workflowPageSize], fetchWorkflowList);
                     <div
                       v-if="fieldSelected.includes('name')"
                       class="text-weight-bold col-12 ellipsis-2-lines"
+                      :class="{
+                        'app-text-muted': props.row.status === 'INACTIVE',
+                      }"
                     >
                       {{ props.row.name }}