diff --git a/src/pages/AddUnreportedExpense.tsx b/src/pages/AddUnreportedExpense.tsx index dd0aad315340..2e79c3e55a4b 100644 --- a/src/pages/AddUnreportedExpense.tsx +++ b/src/pages/AddUnreportedExpense.tsx @@ -4,11 +4,13 @@ import AddUnreportedExpenseFooter from '@components/AddUnreportedExpenseFooter'; import EmptyStateComponent from '@components/EmptyStateComponent'; import HeaderWithBackButton from '@components/HeaderWithBackButton'; import ScreenWrapper from '@components/ScreenWrapper'; +import ScrollView from '@components/ScrollView'; import SelectionList from '@components/SelectionList'; import type {ListItem, SelectionListHandle} from '@components/SelectionList/types'; import UnreportedExpensesSkeleton from '@components/Skeletons/UnreportedExpensesSkeleton'; import useCurrentUserPersonalDetails from '@hooks/useCurrentUserPersonalDetails'; import useDebouncedState from '@hooks/useDebouncedState'; +import useIsInLandscapeMode from '@hooks/useIsInLandscapeMode'; import {useMemoizedLazyIllustrations} from '@hooks/useLazyAsset'; import useLocalize from '@hooks/useLocalize'; import useNetwork from '@hooks/useNetwork'; @@ -62,7 +64,7 @@ function AddUnreportedExpense({route}: AddUnreportedExpensePageType) { const [userBillingGracePeriodEnds] = useOnyx(ONYXKEYS.COLLECTION.SHARED_NVP_PRIVATE_USER_BILLING_GRACE_PERIOD_END); const shouldShowUnreportedTransactionsSkeletons = isLoadingUnreportedTransactions && hasMoreUnreportedTransactionsResults && !isOffline; const [draftTransactionIDs] = useOnyx(ONYXKEYS.COLLECTION.TRANSACTION_DRAFT, {selector: validTransactionDraftIDsSelector}); - + const isInLandscapeMode = useIsInLandscapeMode(); const initialSkeletonReasonAttributes: SkeletonSpanReasonAttributes = { context: 'AddUnreportedExpense.InitialSkeleton', isLoadingUnreportedTransactions, @@ -284,34 +286,37 @@ function AddUnreportedExpense({route}: AddUnreportedExpensePageType) { title={translate('iou.addUnreportedExpense')} onBackButtonPress={Navigation.goBack} /> - { - if ( - report && - report.policyID && - shouldRestrictUserBillableActions(report.policyID, ownerBillingGracePeriodEnd, userBillingGracePeriodEnds, undefined, policy) - ) { - Navigation.navigate(ROUTES.RESTRICTED_ACTION.getRoute(report.policyID)); - return; - } - interceptAnonymousUser(() => { - startMoneyRequest(CONST.IOU.TYPE.SUBMIT, reportID, draftTransactionIDs, undefined, false, backToReport); - }); + + { + if ( + report && + report.policyID && + shouldRestrictUserBillableActions(report.policyID, ownerBillingGracePeriodEnd, userBillingGracePeriodEnds, undefined, policy) + ) { + Navigation.navigate(ROUTES.RESTRICTED_ACTION.getRoute(report.policyID)); + return; + } + interceptAnonymousUser(() => { + startMoneyRequest(CONST.IOU.TYPE.SUBMIT, reportID, draftTransactionIDs, undefined, false, backToReport); + }); + }, + success: true, }, - success: true, - }, - ]} - /> + ]} + /> + ); }