diff --git a/src/pages/settings/Wallet/AddDebitCardPage.js b/src/pages/settings/Wallet/AddDebitCardPage.js index ea0b4698a443..5bc41b1f7307 100644 --- a/src/pages/settings/Wallet/AddDebitCardPage.js +++ b/src/pages/settings/Wallet/AddDebitCardPage.js @@ -20,18 +20,24 @@ import Form from '../../../components/Form'; import Navigation from '../../../libs/Navigation/Navigation'; import ROUTES from '../../../ROUTES'; import usePrevious from '../../../hooks/usePrevious'; +import NotFoundPage from '../../ErrorPage/NotFoundPage'; +import Permissions from '../../../libs/Permissions'; const propTypes = { /* Onyx Props */ formData: PropTypes.shape({ setupComplete: PropTypes.bool, }), + + /** List of betas available to current user */ + betas: PropTypes.arrayOf(PropTypes.string), }; const defaultProps = { formData: { setupComplete: false, }, + betas: [], }; function DebitCardPage(props) { @@ -94,6 +100,10 @@ function DebitCardPage(props) { return errors; }; + if (!Permissions.canUseWallet(props.betas)) { + return ; + } + return ( nameOnCardRef.current && nameOnCardRef.current.focus()} @@ -194,4 +204,7 @@ export default withOnyx({ formData: { key: ONYXKEYS.FORMS.ADD_DEBIT_CARD_FORM, }, + betas: { + key: ONYXKEYS.BETAS, + }, })(DebitCardPage);