From 5c05df26cf4b93dd0ee32ffbf3cf193738a5f990 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Mon, 25 May 2026 15:49:56 +0700
Subject: [PATCH] fix(camera): btn refreshPhoto

---
 src/views/HomeView.vue | 76 ++++++++++++++++++++++++++----------------
 1 file changed, 48 insertions(+), 28 deletions(-)

diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 8485b25..84a3e77 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -1413,13 +1413,13 @@ watch(notificationCounter, () => {
                         </div>
                       </div>
 
-                      <div v-if="cameraIsOn">
+                      <div v-if="cameraIsOn && img == null">
                         <div
                           v-if="$q.screen.gt.xs"
                           class="absolute-bottom-right q-ma-md"
                         >
                           <q-btn
-                            v-if="availableCameras.length > 1 && img == null"
+                            v-if="availableCameras.length > 1"
                             round
                             push
                             icon="flip_camera_ios"
@@ -1429,7 +1429,6 @@ watch(notificationCounter, () => {
                             @click="switchCamera"
                           />
                           <q-btn
-                            v-if="img == null"
                             round
                             push
                             icon="photo_camera"
@@ -1437,8 +1436,41 @@ watch(notificationCounter, () => {
                             color="positive"
                             @click="capturePhoto"
                           />
+                        </div>
+                        <div v-else>
+                          <div
+                            class="absolute-bottom text-subtitle2 text-center q-py-sm"
+                            style="background: #00000021"
+                          >
+                            <q-btn
+                              v-if="availableCameras.length > 1"
+                              round
+                              icon="flip_camera_ios"
+                              size="16px"
+                              style="background: #424242; color: white"
+                              @click="switchCamera"
+                              unelevated
+                              class="q-mr-xs"
+                            />
+                            <q-btn
+                              round
+                              icon="photo_camera"
+                              size="18px"
+                              style="background: #263238; color: white"
+                              @click="capturePhoto"
+                              unelevated
+                            />
+                          </div>
+                        </div>
+                      </div>
+
+                      <!-- Refresh button - shows when photo is captured regardless of camera state -->
+                      <div v-if="img != null && !useNativePhotoCapture">
+                        <div
+                          v-if="$q.screen.gt.xs"
+                          class="absolute-bottom-right q-ma-md"
+                        >
                           <q-btn
-                            v-else
                             round
                             push
                             icon="refresh"
@@ -1453,31 +1485,12 @@ watch(notificationCounter, () => {
                             style="background: #00000021"
                           >
                             <q-btn
-                              v-if="availableCameras.length > 1 && img == null"
-                              round
-                              icon="flip_camera_ios"
-                              size="16px"
-                              style="background: #424242; color: white"
-                              @click="switchCamera"
-                              unelevated
-                              class="q-mr-xs"
-                            />
-                            <q-btn
-                              round
-                              v-if="img == null"
-                              icon="photo_camera"
-                              size="18px"
-                              style="background: #263238; color: white"
-                              @click="capturePhoto"
-                              unelevated
-                            />
-                            <q-btn
-                              v-else
                               round
                               icon="refresh"
                               size="18px"
                               style="background: #263238; color: white"
                               @click="refreshPhoto"
+                              unelevated
                             />
                           </div>
                         </div>
@@ -1549,13 +1562,13 @@ watch(notificationCounter, () => {
                           </div>
                         </div>
 
-                        <div v-if="cameraIsOn">
+                        <div v-if="cameraIsOn && img == null">
                           <div
                             class="absolute-bottom text-subtitle2 text-center q-py-sm"
                             style="background: #00000021"
                           >
                             <q-btn
-                              v-if="availableCameras.length > 1 && img == null"
+                              v-if="availableCameras.length > 1"
                               round
                               icon="flip_camera_ios"
                               size="16px"
@@ -1566,15 +1579,22 @@ watch(notificationCounter, () => {
                             />
                             <q-btn
                               round
-                              v-if="img == null"
                               icon="photo_camera"
                               size="18px"
                               style="background: #263238; color: white"
                               @click="capturePhoto"
                               unelevated
                             />
+                          </div>
+                        </div>
+
+                        <!-- Refresh button - shows when photo is captured regardless of camera state -->
+                        <div v-if="img != null && !useNativePhotoCapture">
+                          <div
+                            class="absolute-bottom text-subtitle2 text-center q-py-sm"
+                            style="background: #00000021"
+                          >
                             <q-btn
-                              v-else
                               round
                               icon="refresh"
                               size="18px"