disable add bank account button for non-validated user

Expensify · Aug 2, 2024 · ea14278 · ea14278
1 parent 157afbf
commit ea14278
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/src/pages/EnablePayments/AddBankAccount/SetupMethod.tsx b/src/pages/EnablePayments/AddBankAccount/SetupMethod.tsx
@@ -53,7 +53,7 @@ function SetupMethod({isPlaidDisabled, user}: SetupMethodProps) {
                     icon={Expensicons.Bank}
                     text={translate('bankAccount.addBankAccount')}
                     onPress={() => BankAccounts.openPersonalBankAccountSetupWithPlaid()}
-                    isDisabled={isPlaidDisabled ?? !user?.validated}
+                    isDisabled={!!isPlaidDisabled || !user?.validated}
                     style={[styles.mt4, styles.mb2]}
                     iconStyles={styles.buttonCTAIcon}
                     shouldShowRightIcon

diff --git a/src/pages/settings/Wallet/PaymentMethodList.tsx b/src/pages/settings/Wallet/PaymentMethodList.tsx
@@ -4,7 +4,7 @@ import React, {useCallback, useMemo} from 'react';
 import type {GestureResponderEvent, StyleProp, ViewStyle} from 'react-native';
 import {FlatList, View} from 'react-native';
 import type {OnyxEntry} from 'react-native-onyx';
-import {withOnyx} from 'react-native-onyx';
+import {useOnyx, withOnyx} from 'react-native-onyx';
 import type {SvgProps} from 'react-native-svg/lib/typescript/ReactNativeSVG';
 import type {ValueOf} from 'type-fest';
 import type {RenderSuggestionMenuItemProps} from '@components/AutoCompleteSuggestions/types';
@@ -197,6 +197,7 @@ function PaymentMethodList({
     const StyleUtils = useStyleUtils();
     const {translate} = useLocalize();
     const {isOffline} = useNetwork();
+    const [isUserValidated] = useOnyx(ONYXKEYS.USER, {selector: (user) => !!user?.validated});
 
     const filteredPaymentMethods = useMemo(() => {
         if (shouldShowAssignedCards) {
@@ -320,10 +321,11 @@ function PaymentMethodList({
                 wrapperStyle={[styles.paymentMethod, listItemStyle]}
                 hoverAndPressStyle={styles.hoveredComponentBG}
                 ref={buttonRef}
+                disabled={!isUserValidated}
             />
         ),
 
-        [onPress, translate, styles.paymentMethod, styles.hoveredComponentBG, listItemStyle, buttonRef],
+        [onPress, translate, styles.paymentMethod, styles.hoveredComponentBG, listItemStyle, buttonRef, isUserValidated],
     );
 
     /**