show not found page if user isn't validated

Expensify · Aug 2, 2024 · 7c50964 · 7c50964
1 parent ea14278
commit 7c50964
Showing 1 changed file with 38 additions and 34 deletions.
diff --git a/src/pages/AddPersonalBankAccountPage.tsx b/src/pages/AddPersonalBankAccountPage.tsx
@@ -1,7 +1,8 @@
 import React, {useCallback, useEffect, useState} from 'react';
-import {withOnyx} from 'react-native-onyx';
+import {useOnyx, withOnyx} from 'react-native-onyx';
 import type {OnyxEntry} from 'react-native-onyx';
 import AddPlaidBankAccount from '@components/AddPlaidBankAccount';
+import FullPageNotFoundView from '@components/BlockingViews/FullPageNotFoundView';
 import ConfirmationPage from '@components/ConfirmationPage';
 import FormProvider from '@components/Form/FormProvider';
 import InputWrapper from '@components/Form/InputWrapper';
@@ -29,6 +30,7 @@ function AddPersonalBankAccountPage({personalBankAccount, plaidData}: AddPersona
     const styles = useThemeStyles();
     const {translate} = useLocalize();
     const [selectedPlaidAccountId, setSelectedPlaidAccountId] = useState('');
+    const [isUserValidated] = useOnyx(ONYXKEYS.USER, {selector: (user) => !!user?.validated});
     const shouldShowSuccess = personalBankAccount?.shouldShowSuccess ?? false;
 
     const submitBankAccountForm = useCallback(() => {
@@ -65,41 +67,43 @@ function AddPersonalBankAccountPage({personalBankAccount, plaidData}: AddPersona
             shouldShowOfflineIndicator={false}
             testID={AddPersonalBankAccountPage.displayName}
         >
-            <HeaderWithBackButton
-                title={translate('bankAccount.addBankAccount')}
-                onBackButtonPress={exitFlow}
-            />
-            {shouldShowSuccess ? (
-                <ConfirmationPage
-                    heading={translate('addPersonalBankAccountPage.successTitle')}
-                    description={translate('addPersonalBankAccountPage.successMessage')}
-                    shouldShowButton
-                    buttonText={translate('common.continue')}
-                    onButtonPress={() => exitFlow(true)}
+            <FullPageNotFoundView shouldShow={!isUserValidated}>
+                <HeaderWithBackButton
+                    title={translate('bankAccount.addBankAccount')}
+                    onBackButtonPress={exitFlow}
                 />
-            ) : (
-                <FormProvider
-                    formID={ONYXKEYS.FORMS.PERSONAL_BANK_ACCOUNT_FORM}
-                    isSubmitButtonVisible={(plaidData?.bankAccounts ?? []).length > 0}
-                    submitButtonText={translate('common.saveAndContinue')}
-                    scrollContextEnabled
-                    onSubmit={submitBankAccountForm}
-                    validate={BankAccounts.validatePlaidSelection}
-                    style={[styles.mh5, styles.flex1]}
-                >
-                    <InputWrapper
-                        inputID={INPUT_IDS.BANK_INFO_STEP.SELECTED_PLAID_ACCOUNT_ID}
-                        InputComponent={AddPlaidBankAccount}
-                        onSelect={setSelectedPlaidAccountId}
-                        text={translate('walletPage.chooseAccountBody')}
-                        plaidData={plaidData}
-                        isDisplayedInWalletFlow
-                        onExitPlaid={() => Navigation.goBack()}
-                        receivedRedirectURI={getPlaidOAuthReceivedRedirectURI()}
-                        selectedPlaidAccountID={selectedPlaidAccountId}
+                {shouldShowSuccess ? (
+                    <ConfirmationPage
+                        heading={translate('addPersonalBankAccountPage.successTitle')}
+                        description={translate('addPersonalBankAccountPage.successMessage')}
+                        shouldShowButton
+                        buttonText={translate('common.continue')}
+                        onButtonPress={() => exitFlow(true)}
                     />
-                </FormProvider>
-            )}
+                ) : (
+                    <FormProvider
+                        formID={ONYXKEYS.FORMS.PERSONAL_BANK_ACCOUNT_FORM}
+                        isSubmitButtonVisible={(plaidData?.bankAccounts ?? []).length > 0}
+                        submitButtonText={translate('common.saveAndContinue')}
+                        scrollContextEnabled
+                        onSubmit={submitBankAccountForm}
+                        validate={BankAccounts.validatePlaidSelection}
+                        style={[styles.mh5, styles.flex1]}
+                    >
+                        <InputWrapper
+                            inputID={INPUT_IDS.BANK_INFO_STEP.SELECTED_PLAID_ACCOUNT_ID}
+                            InputComponent={AddPlaidBankAccount}
+                            onSelect={setSelectedPlaidAccountId}
+                            text={translate('walletPage.chooseAccountBody')}
+                            plaidData={plaidData}
+                            isDisplayedInWalletFlow
+                            onExitPlaid={() => Navigation.goBack()}
+                            receivedRedirectURI={getPlaidOAuthReceivedRedirectURI()}
+                            selectedPlaidAccountID={selectedPlaidAccountId}
+                        />
+                    </FormProvider>
+                )}
+            </FullPageNotFoundView>
         </ScreenWrapper>
     );
 }