From eb052c492ba94bf5cbd828588ba8dd14f08f21b2 Mon Sep 17 00:00:00 2001
From: Lucas Werey <73439207+LucasWerey@users.noreply.github.com>
Date: Mon, 16 Sep 2024 17:58:18 +0200
Subject: [PATCH] :bug:(llm): camera doesn't refocus when scanning for LS on
 IOS (#7821)

:bug:(llm): camera doesn't refocus when scanning for LS
---
 .changeset/tiny-pigs-sit.md                         |  5 +++++
 apps/ledger-live-mobile/__tests__/jest-setup.js     |  6 ++++++
 .../components/Synchronize/ScanQrCode.tsx           | 13 ++++++-------
 3 files changed, 17 insertions(+), 7 deletions(-)
 create mode 100644 .changeset/tiny-pigs-sit.md

diff --git a/.changeset/tiny-pigs-sit.md b/.changeset/tiny-pigs-sit.md
new file mode 100644
index 000000000000..9633b25c23da
--- /dev/null
+++ b/.changeset/tiny-pigs-sit.md
@@ -0,0 +1,5 @@
+---
+"live-mobile": patch
+---
+
+fix camera not re focus when scanning LS qr code
diff --git a/apps/ledger-live-mobile/__tests__/jest-setup.js b/apps/ledger-live-mobile/__tests__/jest-setup.js
index d252882442e5..b397cefe342f 100644
--- a/apps/ledger-live-mobile/__tests__/jest-setup.js
+++ b/apps/ledger-live-mobile/__tests__/jest-setup.js
@@ -70,6 +70,12 @@ jest.mock("expo-barcode-scanner", () => ({
   },
 }));
 
+jest.mock("expo-camera/next", () => {
+  return {
+    CameraView: jest.fn(() => null),
+  };
+});
+
 // Mock of Native Modules
 jest.mock("react-native-localize", () => ({
   getTimeZone: jest.fn(),
diff --git a/apps/ledger-live-mobile/src/newArch/features/WalletSync/components/Synchronize/ScanQrCode.tsx b/apps/ledger-live-mobile/src/newArch/features/WalletSync/components/Synchronize/ScanQrCode.tsx
index be65994f50db..50bb5837cfc0 100644
--- a/apps/ledger-live-mobile/src/newArch/features/WalletSync/components/Synchronize/ScanQrCode.tsx
+++ b/apps/ledger-live-mobile/src/newArch/features/WalletSync/components/Synchronize/ScanQrCode.tsx
@@ -3,10 +3,10 @@ import { Flex, Icons, Text } from "@ledgerhq/native-ui";
 import { Trans, useTranslation } from "react-i18next";
 import styled, { useTheme } from "styled-components/native";
 import BottomContainer from "./BottomContainer";
-import { BarCodeScanningResult, Camera, CameraType } from "expo-camera";
-import { BarCodeScanner } from "expo-barcode-scanner";
+import { CameraView } from "expo-camera/next";
 import ScanTargetSvg from "./ScanTargetSvg";
 import RequiresCameraPermissions from "~/components/RequiresCameraPermissions";
+import { BarCodeScanningResult } from "expo-camera";
 
 type Props = {
   onQrCodeScanned: (data: string) => void;
@@ -73,17 +73,16 @@ const ScanQrCode = ({ onQrCodeScanned }: Props) => {
           justifyContent={"center"}
           alignItems={"center"}
         >
-          <Camera
+          <CameraView
             style={{
               backgroundColor: colors.neutral.c50,
               width: 280,
               height: 280,
             }}
-            type={CameraType.back}
-            barCodeScannerSettings={{
-              barCodeTypes: [BarCodeScanner.Constants.BarCodeType.qr],
+            barcodeScannerSettings={{
+              barcodeTypes: ["qr"],
             }}
-            onBarCodeScanned={onBarCodeScanned}
+            onBarcodeScanned={onBarCodeScanned}
           />
           <ScanTargetSvg style={{ position: "absolute" }} />
         </Flex>