From 5fa4c640e34a7f356483b1750c256701f13ecc21 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Mon, 14 Oct 2024 19:02:48 +0530
Subject: [PATCH] fix: switch camera

---
 frontend/src/components/FilesUploader/FilesUploader.vue    | 7 +++++++
 .../src/components/FilesUploader/FilesUploaderArea.vue     | 6 ++++++
 2 files changed, 13 insertions(+)

diff --git a/frontend/src/components/FilesUploader/FilesUploader.vue b/frontend/src/components/FilesUploader/FilesUploader.vue
index 8713688b..d5b68f04 100644
--- a/frontend/src/components/FilesUploader/FilesUploader.vue
+++ b/frontend/src/components/FilesUploader/FilesUploader.vue
@@ -42,6 +42,13 @@
               <FeatherIcon name="arrow-left" class="size-4" />
             </template>
           </Button>
+          <Button
+            v-if="
+              filesUploaderArea?.showCamera && !filesUploaderArea?.cameraImage
+            "
+            :label="__('Switch camera')"
+            @click="() => filesUploaderArea.switchCamera()"
+          />
           <Button
             v-if="filesUploaderArea?.cameraImage"
             :label="__('Retake')"
diff --git a/frontend/src/components/FilesUploader/FilesUploaderArea.vue b/frontend/src/components/FilesUploader/FilesUploaderArea.vue
index cfb562b4..f8ff582a 100644
--- a/frontend/src/components/FilesUploader/FilesUploaderArea.vue
+++ b/frontend/src/components/FilesUploader/FilesUploaderArea.vue
@@ -214,6 +214,11 @@ async function startCamera() {
   video.value.srcObject = stream
 }
 
+function switchCamera() {
+  facingMode.value = facingMode.value === 'environment' ? 'user' : 'environment'
+  startCamera()
+}
+
 const canvas = ref(null)
 
 function captureImage() {
@@ -388,5 +393,6 @@ defineExpose({
   cameraImage,
   captureImage,
   uploadViaCamera,
+  switchCamera,
 })
 </script>