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);