From e85e49c210ff528229e882c470ed0aa706de96b3 Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Tue, 27 Aug 2024 17:32:17 +0700
Subject: [PATCH] fix: change image state

---
 src/components/ImageUploadDialog.vue        |  4 +--
 src/pages/01_branch-management/MainPage.vue | 31 +++++++++++----------
 2 files changed, 19 insertions(+), 16 deletions(-)

diff --git a/src/components/ImageUploadDialog.vue b/src/components/ImageUploadDialog.vue
index 5386d101..a5c56788 100644
--- a/src/components/ImageUploadDialog.vue
+++ b/src/components/ImageUploadDialog.vue
@@ -107,7 +107,7 @@ async function downloadImage(url: string) {
         </div>
         <div style="position: fixed; padding: var(--size-2)">
           <q-btn
-            class="upload-image-btn"
+            class="upload-image-btn q-mr-md"
             icon="mdi-camera-outline"
             size="md"
             unelevated
@@ -117,7 +117,7 @@ async function downloadImage(url: string) {
             style="color: hsla(var(--stone-0-hsl) / 0.7)"
           ></q-btn>
           <q-btn
-            class="upload-image-btn q-ml-md"
+            class="upload-image-btn"
             icon="mdi-download-outline"
             size="md"
             unelevated
diff --git a/src/pages/01_branch-management/MainPage.vue b/src/pages/01_branch-management/MainPage.vue
index 56f4f036..4ecaf6d3 100644
--- a/src/pages/01_branch-management/MainPage.vue
+++ b/src/pages/01_branch-management/MainPage.vue
@@ -1414,12 +1414,14 @@ watch(currentHq, () => {
               : '--violet-11'
         }-hsl)/1)`"
         :bg-color="`hsla(var(${
-          formTypeBranch === 'headOffice'
-            ? '--pink-6'
-            : $q.dark.isActive
-              ? '--violet-10'
-              : '--violet-11'
-        }-hsl)/0.15)`"
+          imageUrl
+            ? '--gray-0'
+            : formTypeBranch === 'headOffice'
+              ? '--pink-6'
+              : $q.dark.isActive
+                ? '--violet-10'
+                : '--violet-11'
+        }-hsl)/${imageUrl ? '0' : '0.15'})`"
         :menu="formMenuIcon"
         @view="imageDialog = true"
         @edit="refImageUpload && refImageUpload.browse()"
@@ -1595,12 +1597,14 @@ watch(currentHq, () => {
                 : '--violet-11'
           }-hsl)/1)`"
           :bg-color="`hsla(var(${
-            formTypeBranch === 'headOffice'
-              ? '--pink-6'
-              : $q.dark.isActive
-                ? '--violet-10'
-                : '--violet-11'
-          }-hsl)/0.15)`"
+            imageUrl
+              ? '--gray-0'
+              : formTypeBranch === 'headOffice'
+                ? '--pink-6'
+                : $q.dark.isActive
+                  ? '--violet-10'
+                  : '--violet-11'
+          }-hsl)/${imageUrl ? '0' : '0.15'})`"
           v-model:toggle-status="formData.status"
           @view="imageDialog = true"
           @edit="refImageUpload && refImageUpload.browse()"
@@ -1925,8 +1929,7 @@ watch(currentHq, () => {
     v-model:dialogState="imageDialog"
     v-model:file="profileFileImg as File"
     v-model:image-url="imageUrl"
-    :hiddenFooter="!isImageEdit"
-    :changeDisabled="!isImageEdit"
+    :hiddenFooter="!isImageEdit && !modal"
     @save="imageDialog = false"
     clearButton
   >