chore: add insets

pagopa · Jan 31, 2024 · 1391fea · 1391fea
1 parent 59a92cf
commit 1391fea
Showing 1 changed file with 14 additions and 3 deletions.
diff --git a/ts/features/fci/components/ErrorComponent.tsx b/ts/features/fci/components/ErrorComponent.tsx
@@ -10,7 +10,10 @@ import {
   Pictogram,
   VSpacer
 } from "@pagopa/io-app-design-system";
-import { SafeAreaView } from "react-native-safe-area-context";
+import {
+  SafeAreaView,
+  useSafeAreaInsets
+} from "react-native-safe-area-context";
 import I18n from "../../../i18n";
 import { WithTestID } from "../../../types/WithTestID";
 import {
@@ -46,6 +49,7 @@ const ErrorComponent = (props: Props) => {
   const signatureRequestId = useIOSelector(fciSignatureRequestIdSelector);
   const assistanceToolConfig = useIOSelector(assistanceToolConfigSelector);
   const choosenTool = assistanceToolRemoteConfig(assistanceToolConfig);
+  const insets = useSafeAreaInsets();
 
   const zendeskAssistanceLogAndStart = () => {
     resetCustomFields();
@@ -139,15 +143,22 @@ const ErrorComponent = (props: Props) => {
     <SafeAreaView
       style={IOStyles.flex}
       testID={props.testID}
-      edges={["bottom", "left", "right"]}
+      edges={["left", "right"]}
     >
       <InfoScreenComponent
         image={<Pictogram name={props.pictogram} />}
         title={props.title}
         body={props.subTitle}
         email={props.email}
       />
-      <View style={IOStyles.horizontalContentPadding}>{footerButtons()}</View>
+      <View
+        style={[
+          IOStyles.horizontalContentPadding,
+          { paddingBottom: Math.max(insets.bottom, 16) }
+        ]}
+      >
+        {footerButtons()}
+      </View>
     </SafeAreaView>
   );
 };