diff --git a/src/pages/ReimbursementAccount/USD/Requestor/PersonalInfo/PersonalInfo.tsx b/src/pages/ReimbursementAccount/USD/Requestor/PersonalInfo/PersonalInfo.tsx index 1e653333e66e..69a0f4bfde0c 100644 --- a/src/pages/ReimbursementAccount/USD/Requestor/PersonalInfo/PersonalInfo.tsx +++ b/src/pages/ReimbursementAccount/USD/Requestor/PersonalInfo/PersonalInfo.tsx @@ -1,4 +1,4 @@ -import FullScreenLoadingIndicator from '@components/FullscreenLoadingIndicator'; +import ActivityIndicator from '@components/ActivityIndicator'; import InteractiveStepWrapper from '@components/InteractiveStepWrapper'; import useLocalize from '@hooks/useLocalize'; @@ -6,6 +6,7 @@ import useOnyx from '@hooks/useOnyx'; import useReimbursementAccountSubmitCallback from '@hooks/useReimbursementAccountSubmitCallback'; import useSubPage from '@hooks/useSubPage'; import type {SubPageProps} from '@hooks/useSubPage/types'; +import useThemeStyles from '@hooks/useThemeStyles'; import Navigation from '@libs/Navigation/Navigation'; import {getBankAccountIDAsNumber} from '@libs/ReimbursementAccountUtils'; @@ -21,9 +22,9 @@ import ROUTES from '@src/ROUTES'; import INPUT_IDS from '@src/types/form/ReimbursementAccountForm'; import type {ForwardedRef} from 'react'; -import type {View} from 'react-native'; import React, {useCallback, useMemo} from 'react'; +import {View} from 'react-native'; import Address from './subSteps/Address'; import Confirmation from './subSteps/Confirmation'; @@ -59,6 +60,7 @@ const pages = [ function PersonalInfo({onBackButtonPress, onSubmit, ref, backTo}: PersonalInfoProps) { const {translate} = useLocalize(); + const styles = useThemeStyles(); const [reimbursementAccount] = useOnyx(ONYXKEYS.REIMBURSEMENT_ACCOUNT); const [reimbursementAccountDraft] = useOnyx(ONYXKEYS.FORMS.REIMBURSEMENT_ACCOUNT_FORM_DRAFT); @@ -117,7 +119,9 @@ function PersonalInfo({onBackButtonPress, onSubmit, ref, backTo}: PersonalInfoPr stepNames={CONST.BANK_ACCOUNT.STEP_NAMES} > {isRedirecting ? ( - + + + ) : (