From db026c476e817f99f070fb80a7f4784a1813f329 Mon Sep 17 00:00:00 2001
From: Federico Mastrini <federicomastrini93@gmail.com>
Date: Fri, 3 Nov 2023 12:24:44 +0100
Subject: [PATCH] fix: [IOBP-332] Add correct pictograms to camera permission
 view in barcode scan screen (#5188)

## Short description
This PR fixes the pictorgrams displayed in the camera permission
requests view in the Barcode scan screen

| Not determined | Denied |
| --- | --- |
| <img
src="https://github.com/pagopa/io-app/assets/6160324/2457c7d6-fadd-4b72-beea-36c1b9d12755"
width="200" /> | <img
src="https://github.com/pagopa/io-app/assets/6160324/e3decd8e-aead-49aa-8be3-a6e3273f6d54"
width="200" /> |

## List of changes proposed in this pull request
-
[ts/features/barcode/components/BarcodeScanBaseScreenComponent.tsx](https://github.com/pagopa/io-app/compare/IOBP-332-fix-barcode-scan-screen-camera-permission-pictograms?expand=1#diff-1e4e400edd0a8debdd16a6c728d260d849b977083ea5aa108a5ba43ce25ac4c2):
added correct pictograms for permission request and permission denied
views
-
[ts/features/barcode/components/CameraPermissionView.tsx](https://github.com/pagopa/io-app/compare/IOBP-332-fix-barcode-scan-screen-camera-permission-pictograms?expand=1#diff-052d138722206aca70841ca9fe25e4ab0c8cc2266e26bc7e1b872dd97208e689):
added `pictogram` in props and changed `pictogramStyle` to
`light-content`.

## How to test
Navigate to the barcode scan screen and check that the pictograms are
displayed correctly
---
 .../barcode/components/BarcodeScanBaseScreenComponent.tsx   | 2 ++
 ts/features/barcode/components/CameraPermissionView.tsx     | 6 ++++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/ts/features/barcode/components/BarcodeScanBaseScreenComponent.tsx b/ts/features/barcode/components/BarcodeScanBaseScreenComponent.tsx
index d8073c6397e..358413a8df2 100644
--- a/ts/features/barcode/components/BarcodeScanBaseScreenComponent.tsx
+++ b/ts/features/barcode/components/BarcodeScanBaseScreenComponent.tsx
@@ -210,6 +210,7 @@ const BarcodeScanBaseScreenComponent = ({
 
       return (
         <CameraPermissionView
+          pictogram="cameraRequest"
           title={I18n.t("barcodeScan.permissions.undefined.title")}
           body={I18n.t("barcodeScan.permissions.undefined.label")}
           action={{
@@ -230,6 +231,7 @@ const BarcodeScanBaseScreenComponent = ({
 
     return (
       <CameraPermissionView
+        pictogram="cameraDenied"
         title={I18n.t("barcodeScan.permissions.denied.title")}
         body={I18n.t("barcodeScan.permissions.denied.label")}
         action={{
diff --git a/ts/features/barcode/components/CameraPermissionView.tsx b/ts/features/barcode/components/CameraPermissionView.tsx
index 0b535b0c3fa..077c52e9c20 100644
--- a/ts/features/barcode/components/CameraPermissionView.tsx
+++ b/ts/features/barcode/components/CameraPermissionView.tsx
@@ -4,7 +4,8 @@ import {
   ButtonSolid,
   ButtonSolidProps,
   VSpacer,
-  Pictogram
+  Pictogram,
+  IOPictograms
 } from "@pagopa/io-app-design-system";
 import { H3 } from "../../../components/core/typography/H3";
 import { LabelSmall } from "../../../components/core/typography/LabelSmall";
@@ -13,11 +14,12 @@ type Props = {
   title: string;
   body: string;
   action: Pick<ButtonSolidProps, "label" | "accessibilityLabel" | "onPress">;
+  pictogram: IOPictograms;
 };
 
 const CameraPermissionView = (props: Props) => (
   <View style={styles.container}>
-    <Pictogram name="cameraRequest" />
+    <Pictogram name={props.pictogram} pictogramStyle="light-content" />
     <VSpacer size={24} />
     <H3 color="white" style={styles.text}>
       {props.title}