diff --git a/src/components/SubStepForms/ConfirmationStep.tsx b/src/components/SubStepForms/ConfirmationStep.tsx index 376a31872cff7..5e3dc105de73a 100644 --- a/src/components/SubStepForms/ConfirmationStep.tsx +++ b/src/components/SubStepForms/ConfirmationStep.tsx @@ -3,12 +3,12 @@ import {View} from 'react-native'; import Button from '@components/Button'; import DotIndicatorMessage from '@components/DotIndicatorMessage'; import MenuItemWithTopDescription from '@components/MenuItemWithTopDescription'; -import SafeAreaConsumer from '@components/SafeAreaConsumer'; import ScrollView from '@components/ScrollView'; import Text from '@components/Text'; import TextLink from '@components/TextLink'; import useLocalize from '@hooks/useLocalize'; import useNetwork from '@hooks/useNetwork'; +import useStyledSafeAreaInsets from '@hooks/useStyledSafeAreaInsets'; import type {SubStepProps} from '@hooks/useSubStep/types'; import useThemeStyles from '@hooks/useThemeStyles'; import CONST from '@src/CONST'; @@ -48,71 +48,69 @@ function ConfirmationStep({pageTitle, summaryItems, showOnfidoLinks, onfidoLinks const styles = useThemeStyles(); const {isOffline} = useNetwork(); - return ( - - {({safeAreaPaddingBottomStyle}) => ( - - {pageTitle} - {summaryItems.map(({description, title, shouldShowRightIcon, onPress}) => ( - - ))} + const {paddingBottom: safeAreaInsetPaddingBottom} = useStyledSafeAreaInsets(); - {showOnfidoLinks && ( - - {onfidoLinksTitle} - - {translate('onfidoStep.facialScan')} - - {', '} - - {translate('common.privacy')} - - {` ${translate('common.and')} `} - - {translate('common.termsOfService')} - - - )} + return ( + + {pageTitle} + {summaryItems.map(({description, title, shouldShowRightIcon, onPress}) => ( + + ))} - - {!!error && error.length > 0 && ( - - )} -