From 0fc5ccd7bdbec2e37a2b10af7457e21c042a00fc Mon Sep 17 00:00:00 2001
From: Evgeny Svirsky <evgeny@cere.io>
Date: Thu, 15 Aug 2024 17:27:09 +0200
Subject: [PATCH] - Switch camera

---
 src/App.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/App.tsx b/src/App.tsx
index 64ea383..e2fd3c2 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -11,6 +11,10 @@ function App() {
         setView(view === 'camera' ? '3d' : 'camera');
     }
 
+    const onSwitch = () => {
+        webcamRef.current.switchCamera();
+    }
+
     const webcamRef = useRef<any>(null);
     const cameraCanvasRef = useRef<any>(null);
     const overlayCanvasRef = useRef<any>(null);
@@ -62,7 +66,8 @@ function App() {
                     switchCamera: "switchCamera",
                     canvas: "canvas",
                 }}/>
-                <button style={{position: 'fixed', bottom: '10px', zIndex: '1'}}
+                <button style={{position: 'fixed', zIndex: 3, left: '5px', top: '5px'}} onClick={onSwitch}>Switch camera</button>
+                <button style={{position: 'fixed', bottom: '5px', left: '5px', zIndex: '1'}}
                         onClick={handleTakePhoto}>Take photo
                 </button>
                 {