From ab9adbb2045624b783d28c41ed6d9c3846efee0e Mon Sep 17 00:00:00 2001 From: Nicholas Murray Date: Thu, 14 Oct 2021 14:02:46 -0700 Subject: [PATCH 1/9] Add new generic bank icon --- assets/images/bankicons/generic-bank-account.svg | 13 +++++++++++++ src/components/Icon/BankIcons.js | 9 +++++---- 2 files changed, 18 insertions(+), 4 deletions(-) create mode 100644 assets/images/bankicons/generic-bank-account.svg diff --git a/assets/images/bankicons/generic-bank-account.svg b/assets/images/bankicons/generic-bank-account.svg new file mode 100644 index 000000000000..cc719576c4eb --- /dev/null +++ b/assets/images/bankicons/generic-bank-account.svg @@ -0,0 +1,13 @@ + + + + + + + diff --git a/src/components/Icon/BankIcons.js b/src/components/Icon/BankIcons.js index aaae5f6eecc9..89ff1b9c31d6 100644 --- a/src/components/Icon/BankIcons.js +++ b/src/components/Icon/BankIcons.js @@ -1,4 +1,4 @@ -import {Bank, CreditCard} from './Expensicons'; +import {CreditCard} from './Expensicons'; import AmericanExpress from '../../../assets/images/bankicons/american-express.svg'; import BankOfAmerica from '../../../assets/images/bankicons/bank-of-america.svg'; import BB_T from '../../../assets/images/bankicons/bb-t.svg'; @@ -9,6 +9,7 @@ import CitiBank from '../../../assets/images/bankicons/citibank.svg'; import CitizensBank from '../../../assets/images/bankicons/citizens-bank.svg'; import Discover from '../../../assets/images/bankicons/discover.svg'; import Fidelity from '../../../assets/images/bankicons/fidelity.svg'; +import GenericBank from '../../../assets/images/bankicons/generic-bank-account.svg'; import HuntingtonBank from '../../../assets/images/bankicons/huntington-bank.svg'; import NavyFederalCreditUnion from '../../../assets/images/bankicons/navy-federal-credit-union.svg'; import PNC from '../../../assets/images/bankicons/pnc.svg'; @@ -99,7 +100,7 @@ function getAssetIcon(bankName, isCard) { return USAA; } - return isCard ? CreditCard : Bank; + return isCard ? CreditCard : GenericBank; } /** @@ -111,7 +112,7 @@ function getAssetIcon(bankName, isCard) { export default function getBankIcon(bankName, isCard) { const bankIcon = { - icon: isCard ? CreditCard : Bank, + icon: isCard ? CreditCard : GenericBank, }; if (bankName) { @@ -119,7 +120,7 @@ export default function getBankIcon(bankName, isCard) { } // For default icons the icon size should not be set. - if (![CreditCard, Bank].includes(bankIcon.icon)) { + if (![CreditCard].includes(bankIcon.icon)) { bankIcon.iconSize = variables.iconSizeExtraLarge; } From 81e90b2d4ccb24fe28a953b62f250344dd075cc8 Mon Sep 17 00:00:00 2001 From: Nicholas Murray Date: Thu, 14 Oct 2021 15:06:02 -0700 Subject: [PATCH 2/9] Add overflow hidden and change Payments List icon --- src/components/Icon/BankIcons.js | 5 +++++ src/pages/settings/Payments/PaymentMethodList.js | 4 +++- src/styles/styles.js | 5 +++++ 3 files changed, 13 insertions(+), 1 deletion(-) diff --git a/src/components/Icon/BankIcons.js b/src/components/Icon/BankIcons.js index 89ff1b9c31d6..821f910260e4 100644 --- a/src/components/Icon/BankIcons.js +++ b/src/components/Icon/BankIcons.js @@ -18,6 +18,7 @@ import SunTrust from '../../../assets/images/bankicons/suntrust.svg'; import TdBank from '../../../assets/images/bankicons/td-bank.svg'; import USBank from '../../../assets/images/bankicons/us-bank.svg'; import USAA from '../../../assets/images/bankicons/usaa.svg'; +import styles from '../../styles/styles'; import variables from '../../styles/variables'; /** @@ -124,5 +125,9 @@ export default function getBankIcon(bankName, isCard) { bankIcon.iconSize = variables.iconSizeExtraLarge; } + if (bankIcon.icon === GenericBank) { + bankIcon.iconStyles = [styles.roundButton1]; + } + return bankIcon; } diff --git a/src/pages/settings/Payments/PaymentMethodList.js b/src/pages/settings/Payments/PaymentMethodList.js index 5187b0b6bec0..5a912339d296 100644 --- a/src/pages/settings/Payments/PaymentMethodList.js +++ b/src/pages/settings/Payments/PaymentMethodList.js @@ -77,7 +77,7 @@ class PaymentMethodList extends Component { bankAccount.accountNumber.slice(-4) }` : null; - const {icon, iconSize} = getBankIcon(lodashGet(bankAccount, 'additionalData.bankName', '')); + const {icon, iconSize, iconStyles} = getBankIcon(lodashGet(bankAccount, 'additionalData.bankName', '')); combinedPaymentMethods.push({ type: MENU_ITEM, title: bankAccount.addressName, @@ -86,6 +86,7 @@ class PaymentMethodList extends Component { description: formattedBankAccountNumber, icon, iconSize, + iconStyles, onPress: e => this.props.onPress(e, bankAccount.bankAccountID), key: `bankAccount-${bankAccount.bankAccountID}`, }); @@ -159,6 +160,7 @@ class PaymentMethodList extends Component { disabled={item.disabled} iconHeight={item.iconSize} iconWidth={item.iconSize} + iconStyles={item.iconStyles} /> ); } diff --git a/src/styles/styles.js b/src/styles/styles.js index 119385d5eca5..10325b8822d0 100644 --- a/src/styles/styles.js +++ b/src/styles/styles.js @@ -1606,6 +1606,11 @@ const styles = { marginLeft: 8, }, + roundButton1: { + overflow: 'hidden', + borderRadius: 99, + }, + unreadIndicatorContainer: { position: 'absolute', top: -10, From 76f5b3b05068dcbc40792f0734ca52d5d3365177 Mon Sep 17 00:00:00 2001 From: Nicholas Murray Date: Thu, 14 Oct 2021 15:17:41 -0700 Subject: [PATCH 3/9] Just use round icon --- assets/images/bankicons/generic-bank-account.svg | 8 ++++---- src/components/Icon/BankIcons.js | 6 +----- src/pages/ReimbursementAccount/EnableStep.js | 3 ++- src/pages/settings/Payments/PaymentMethodList.js | 3 +-- src/styles/styles.js | 5 ----- 5 files changed, 8 insertions(+), 17 deletions(-) diff --git a/assets/images/bankicons/generic-bank-account.svg b/assets/images/bankicons/generic-bank-account.svg index cc719576c4eb..a76942b1d320 100644 --- a/assets/images/bankicons/generic-bank-account.svg +++ b/assets/images/bankicons/generic-bank-account.svg @@ -6,8 +6,8 @@ .st0{fill:#C6C9CA;} .st1{fill:#FFFFFF;} - - + + diff --git a/src/components/Icon/BankIcons.js b/src/components/Icon/BankIcons.js index 821f910260e4..5d99e06d0133 100644 --- a/src/components/Icon/BankIcons.js +++ b/src/components/Icon/BankIcons.js @@ -120,14 +120,10 @@ export default function getBankIcon(bankName, isCard) { bankIcon.icon = getAssetIcon(bankName.toLowerCase(), isCard); } - // For default icons the icon size should not be set. + // For default Credit Card icon the icon size should not be set. if (![CreditCard].includes(bankIcon.icon)) { bankIcon.iconSize = variables.iconSizeExtraLarge; } - if (bankIcon.icon === GenericBank) { - bankIcon.iconStyles = [styles.roundButton1]; - } - return bankIcon; } diff --git a/src/pages/ReimbursementAccount/EnableStep.js b/src/pages/ReimbursementAccount/EnableStep.js index 2196a306adae..bfec44ebc620 100644 --- a/src/pages/ReimbursementAccount/EnableStep.js +++ b/src/pages/ReimbursementAccount/EnableStep.js @@ -52,7 +52,8 @@ class EnableStep extends React.Component { ); } - const isUsingExpensifyCard = user.isUsingExpensifyCard; + // const isUsingExpensifyCard = user.isUsingExpensifyCard; + const isUsingExpensifyCard = true; const account = _.find(bankAccountList, bankAccount => bankAccount.bankAccountID === reimbursementAccount.achData.bankAccountID); if (!account) { // This shouldn't happen as we can only end up here if we have successfully added a bank account. diff --git a/src/pages/settings/Payments/PaymentMethodList.js b/src/pages/settings/Payments/PaymentMethodList.js index 5a912339d296..df645cc75c2b 100644 --- a/src/pages/settings/Payments/PaymentMethodList.js +++ b/src/pages/settings/Payments/PaymentMethodList.js @@ -77,7 +77,7 @@ class PaymentMethodList extends Component { bankAccount.accountNumber.slice(-4) }` : null; - const {icon, iconSize, iconStyles} = getBankIcon(lodashGet(bankAccount, 'additionalData.bankName', '')); + const {icon, iconSize} = getBankIcon(lodashGet(bankAccount, 'additionalData.bankName', '')); combinedPaymentMethods.push({ type: MENU_ITEM, title: bankAccount.addressName, @@ -86,7 +86,6 @@ class PaymentMethodList extends Component { description: formattedBankAccountNumber, icon, iconSize, - iconStyles, onPress: e => this.props.onPress(e, bankAccount.bankAccountID), key: `bankAccount-${bankAccount.bankAccountID}`, }); diff --git a/src/styles/styles.js b/src/styles/styles.js index 10325b8822d0..119385d5eca5 100644 --- a/src/styles/styles.js +++ b/src/styles/styles.js @@ -1606,11 +1606,6 @@ const styles = { marginLeft: 8, }, - roundButton1: { - overflow: 'hidden', - borderRadius: 99, - }, - unreadIndicatorContainer: { position: 'absolute', top: -10, From 8623588b33dbd80a50ceda5a2e76d2ca6708acf5 Mon Sep 17 00:00:00 2001 From: Nicholas Murray Date: Thu, 14 Oct 2021 15:23:01 -0700 Subject: [PATCH 4/9] Replace bank icon --- assets/images/{bankicons => }/generic-bank-account.svg | 0 src/components/Icon/BankIcons.js | 8 +++----- src/components/Icon/Expensicons.js | 2 +- src/pages/ReimbursementAccount/EnableStep.js | 3 +-- .../ReimbursementAccount/ReimbursementAccountPage.js | 3 ++- src/pages/settings/Payments/PaymentMethodList.js | 1 - 6 files changed, 7 insertions(+), 10 deletions(-) rename assets/images/{bankicons => }/generic-bank-account.svg (100%) diff --git a/assets/images/bankicons/generic-bank-account.svg b/assets/images/generic-bank-account.svg similarity index 100% rename from assets/images/bankicons/generic-bank-account.svg rename to assets/images/generic-bank-account.svg diff --git a/src/components/Icon/BankIcons.js b/src/components/Icon/BankIcons.js index 5d99e06d0133..84e580bf4204 100644 --- a/src/components/Icon/BankIcons.js +++ b/src/components/Icon/BankIcons.js @@ -1,4 +1,4 @@ -import {CreditCard} from './Expensicons'; +import {CreditCard, Bank} from './Expensicons'; import AmericanExpress from '../../../assets/images/bankicons/american-express.svg'; import BankOfAmerica from '../../../assets/images/bankicons/bank-of-america.svg'; import BB_T from '../../../assets/images/bankicons/bb-t.svg'; @@ -9,7 +9,6 @@ import CitiBank from '../../../assets/images/bankicons/citibank.svg'; import CitizensBank from '../../../assets/images/bankicons/citizens-bank.svg'; import Discover from '../../../assets/images/bankicons/discover.svg'; import Fidelity from '../../../assets/images/bankicons/fidelity.svg'; -import GenericBank from '../../../assets/images/bankicons/generic-bank-account.svg'; import HuntingtonBank from '../../../assets/images/bankicons/huntington-bank.svg'; import NavyFederalCreditUnion from '../../../assets/images/bankicons/navy-federal-credit-union.svg'; import PNC from '../../../assets/images/bankicons/pnc.svg'; @@ -18,7 +17,6 @@ import SunTrust from '../../../assets/images/bankicons/suntrust.svg'; import TdBank from '../../../assets/images/bankicons/td-bank.svg'; import USBank from '../../../assets/images/bankicons/us-bank.svg'; import USAA from '../../../assets/images/bankicons/usaa.svg'; -import styles from '../../styles/styles'; import variables from '../../styles/variables'; /** @@ -101,7 +99,7 @@ function getAssetIcon(bankName, isCard) { return USAA; } - return isCard ? CreditCard : GenericBank; + return isCard ? CreditCard : Bank; } /** @@ -113,7 +111,7 @@ function getAssetIcon(bankName, isCard) { export default function getBankIcon(bankName, isCard) { const bankIcon = { - icon: isCard ? CreditCard : GenericBank, + icon: isCard ? CreditCard : Bank, }; if (bankName) { diff --git a/src/components/Icon/Expensicons.js b/src/components/Icon/Expensicons.js index ac2cd32c0c80..210ce68e692c 100644 --- a/src/components/Icon/Expensicons.js +++ b/src/components/Icon/Expensicons.js @@ -2,7 +2,7 @@ import Android from '../../../assets/images/android.svg'; import Apple from '../../../assets/images/apple.svg'; import ArrowRight from '../../../assets/images/arrow-right.svg'; import BackArrow from '../../../assets/images/back-left.svg'; -import Bank from '../../../assets/images/bank.svg'; +import Bank from '../../../assets/images/generic-bank-account.svg'; import Bill from '../../../assets/images/bill.svg'; import Briefcase from '../../../assets/images/briefcase.svg'; import Bug from '../../../assets/images/bug.svg'; diff --git a/src/pages/ReimbursementAccount/EnableStep.js b/src/pages/ReimbursementAccount/EnableStep.js index bfec44ebc620..2196a306adae 100644 --- a/src/pages/ReimbursementAccount/EnableStep.js +++ b/src/pages/ReimbursementAccount/EnableStep.js @@ -52,8 +52,7 @@ class EnableStep extends React.Component { ); } - // const isUsingExpensifyCard = user.isUsingExpensifyCard; - const isUsingExpensifyCard = true; + const isUsingExpensifyCard = user.isUsingExpensifyCard; const account = _.find(bankAccountList, bankAccount => bankAccount.bankAccountID === reimbursementAccount.achData.bankAccountID); if (!account) { // This shouldn't happen as we can only end up here if we have successfully added a bank account. diff --git a/src/pages/ReimbursementAccount/ReimbursementAccountPage.js b/src/pages/ReimbursementAccount/ReimbursementAccountPage.js index bacb0053b804..8092099283fe 100644 --- a/src/pages/ReimbursementAccount/ReimbursementAccountPage.js +++ b/src/pages/ReimbursementAccount/ReimbursementAccountPage.js @@ -157,7 +157,8 @@ class ReimbursementAccountPage extends React.Component { // mounts which will set the achData.currentStep after the account data is fetched and overwrite the logical // next step. const achData = lodashGet(this.props, 'reimbursementAccount.achData', {}); - const currentStep = achData.currentStep || CONST.BANK_ACCOUNT.STEP.BANK_ACCOUNT; + // const currentStep = achData.currentStep || CONST.BANK_ACCOUNT.STEP.BANK_ACCOUNT; + const currentStep = CONST.BANK_ACCOUNT.STEP.ENABLE; if (this.props.reimbursementAccount.loading) { const isSubmittingVerificationsData = _.contains([ CONST.BANK_ACCOUNT.STEP.COMPANY, diff --git a/src/pages/settings/Payments/PaymentMethodList.js b/src/pages/settings/Payments/PaymentMethodList.js index df645cc75c2b..5187b0b6bec0 100644 --- a/src/pages/settings/Payments/PaymentMethodList.js +++ b/src/pages/settings/Payments/PaymentMethodList.js @@ -159,7 +159,6 @@ class PaymentMethodList extends Component { disabled={item.disabled} iconHeight={item.iconSize} iconWidth={item.iconSize} - iconStyles={item.iconStyles} /> ); } From dd0d8cf798c4968fa9a730dadaf375566647f511 Mon Sep 17 00:00:00 2001 From: Nicholas Murray Date: Thu, 14 Oct 2021 15:24:00 -0700 Subject: [PATCH 5/9] Style --- src/components/Icon/BankIcons.js | 2 +- src/pages/ReimbursementAccount/ReimbursementAccountPage.js | 3 +-- 2 files changed, 2 insertions(+), 3 deletions(-) diff --git a/src/components/Icon/BankIcons.js b/src/components/Icon/BankIcons.js index 84e580bf4204..b72c6d5459da 100644 --- a/src/components/Icon/BankIcons.js +++ b/src/components/Icon/BankIcons.js @@ -1,4 +1,4 @@ -import {CreditCard, Bank} from './Expensicons'; +import {Bank, CreditCard} from './Expensicons'; import AmericanExpress from '../../../assets/images/bankicons/american-express.svg'; import BankOfAmerica from '../../../assets/images/bankicons/bank-of-america.svg'; import BB_T from '../../../assets/images/bankicons/bb-t.svg'; diff --git a/src/pages/ReimbursementAccount/ReimbursementAccountPage.js b/src/pages/ReimbursementAccount/ReimbursementAccountPage.js index 8092099283fe..bacb0053b804 100644 --- a/src/pages/ReimbursementAccount/ReimbursementAccountPage.js +++ b/src/pages/ReimbursementAccount/ReimbursementAccountPage.js @@ -157,8 +157,7 @@ class ReimbursementAccountPage extends React.Component { // mounts which will set the achData.currentStep after the account data is fetched and overwrite the logical // next step. const achData = lodashGet(this.props, 'reimbursementAccount.achData', {}); - // const currentStep = achData.currentStep || CONST.BANK_ACCOUNT.STEP.BANK_ACCOUNT; - const currentStep = CONST.BANK_ACCOUNT.STEP.ENABLE; + const currentStep = achData.currentStep || CONST.BANK_ACCOUNT.STEP.BANK_ACCOUNT; if (this.props.reimbursementAccount.loading) { const isSubmittingVerificationsData = _.contains([ CONST.BANK_ACCOUNT.STEP.COMPANY, From 41ec349f73addf9fbe7161f24de95bd839e011b8 Mon Sep 17 00:00:00 2001 From: Nicholas Murray Date: Thu, 14 Oct 2021 16:23:34 -0700 Subject: [PATCH 6/9] Add in iconSize variable --- src/components/AddPlaidBankAccount.js | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/components/AddPlaidBankAccount.js b/src/components/AddPlaidBankAccount.js index b88e2d58b095..b8262e5adce8 100644 --- a/src/components/AddPlaidBankAccount.js +++ b/src/components/AddPlaidBankAccount.js @@ -151,6 +151,7 @@ class AddPlaidBankAccount extends React.Component { const options = _.map(accounts, (account, index) => ({ value: index, label: `${account.addressName} ${account.accountNumber}`, })); + const {bankIcon, bankIconSize} = getBankIcon(this.state.institution.name); return ( <> {(!this.props.plaidLinkToken || this.props.plaidBankAccounts.loading) @@ -185,9 +186,9 @@ class AddPlaidBankAccount extends React.Component { )} {this.state.institution.name} From fafa23fff01ff9762f50b7bf37ab733ed292af26 Mon Sep 17 00:00:00 2001 From: Nicholas Murray Date: Thu, 14 Oct 2021 16:29:54 -0700 Subject: [PATCH 7/9] Get rid of unused variables --- src/components/AddPlaidBankAccount.js | 1 - 1 file changed, 1 deletion(-) diff --git a/src/components/AddPlaidBankAccount.js b/src/components/AddPlaidBankAccount.js index b8262e5adce8..366db74acf62 100644 --- a/src/components/AddPlaidBankAccount.js +++ b/src/components/AddPlaidBankAccount.js @@ -26,7 +26,6 @@ import * as ReimbursementAccountUtils from '../libs/ReimbursementAccountUtils'; import ReimbursementAccountForm from '../pages/ReimbursementAccount/ReimbursementAccountForm'; import getBankIcon from './Icon/BankIcons'; import Icon from './Icon'; -import variables from '../styles/variables'; const propTypes = { ...withLocalizePropTypes, From 7af84fd97f8ec6e40811c70fc5eef40bfe44db92 Mon Sep 17 00:00:00 2001 From: Nicholas Murray Date: Thu, 14 Oct 2021 16:58:32 -0700 Subject: [PATCH 8/9] Only adjust getBankIcon --- assets/images/{ => bankicons}/generic-bank-account.svg | 0 src/components/Icon/BankIcons.js | 7 ++++--- src/components/Icon/Expensicons.js | 2 +- 3 files changed, 5 insertions(+), 4 deletions(-) rename assets/images/{ => bankicons}/generic-bank-account.svg (100%) diff --git a/assets/images/generic-bank-account.svg b/assets/images/bankicons/generic-bank-account.svg similarity index 100% rename from assets/images/generic-bank-account.svg rename to assets/images/bankicons/generic-bank-account.svg diff --git a/src/components/Icon/BankIcons.js b/src/components/Icon/BankIcons.js index b72c6d5459da..c56c17160c29 100644 --- a/src/components/Icon/BankIcons.js +++ b/src/components/Icon/BankIcons.js @@ -1,4 +1,4 @@ -import {Bank, CreditCard} from './Expensicons'; +import CreditCard from './Expensicons'; import AmericanExpress from '../../../assets/images/bankicons/american-express.svg'; import BankOfAmerica from '../../../assets/images/bankicons/bank-of-america.svg'; import BB_T from '../../../assets/images/bankicons/bb-t.svg'; @@ -10,6 +10,7 @@ import CitizensBank from '../../../assets/images/bankicons/citizens-bank.svg'; import Discover from '../../../assets/images/bankicons/discover.svg'; import Fidelity from '../../../assets/images/bankicons/fidelity.svg'; import HuntingtonBank from '../../../assets/images/bankicons/huntington-bank.svg'; +import GenericBank from '../../../assets/images/bankicons/generic-bank-account.svg' import NavyFederalCreditUnion from '../../../assets/images/bankicons/navy-federal-credit-union.svg'; import PNC from '../../../assets/images/bankicons/pnc.svg'; import RegionsBank from '../../../assets/images/bankicons/regions-bank.svg'; @@ -99,7 +100,7 @@ function getAssetIcon(bankName, isCard) { return USAA; } - return isCard ? CreditCard : Bank; + return isCard ? CreditCard : GenericBank; } /** @@ -111,7 +112,7 @@ function getAssetIcon(bankName, isCard) { export default function getBankIcon(bankName, isCard) { const bankIcon = { - icon: isCard ? CreditCard : Bank, + icon: isCard ? CreditCard : GenericBank, }; if (bankName) { diff --git a/src/components/Icon/Expensicons.js b/src/components/Icon/Expensicons.js index 210ce68e692c..ac2cd32c0c80 100644 --- a/src/components/Icon/Expensicons.js +++ b/src/components/Icon/Expensicons.js @@ -2,7 +2,7 @@ import Android from '../../../assets/images/android.svg'; import Apple from '../../../assets/images/apple.svg'; import ArrowRight from '../../../assets/images/arrow-right.svg'; import BackArrow from '../../../assets/images/back-left.svg'; -import Bank from '../../../assets/images/generic-bank-account.svg'; +import Bank from '../../../assets/images/bank.svg'; import Bill from '../../../assets/images/bill.svg'; import Briefcase from '../../../assets/images/briefcase.svg'; import Bug from '../../../assets/images/bug.svg'; From 0919e68583b26f6112dcb768611ec4bb8e1ddbde Mon Sep 17 00:00:00 2001 From: Nicholas Murray Date: Fri, 15 Oct 2021 17:15:38 -0700 Subject: [PATCH 9/9] Update BankIcons.js Add in semi-colom --- src/components/Icon/BankIcons.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/Icon/BankIcons.js b/src/components/Icon/BankIcons.js index c56c17160c29..048de6e7550c 100644 --- a/src/components/Icon/BankIcons.js +++ b/src/components/Icon/BankIcons.js @@ -10,7 +10,7 @@ import CitizensBank from '../../../assets/images/bankicons/citizens-bank.svg'; import Discover from '../../../assets/images/bankicons/discover.svg'; import Fidelity from '../../../assets/images/bankicons/fidelity.svg'; import HuntingtonBank from '../../../assets/images/bankicons/huntington-bank.svg'; -import GenericBank from '../../../assets/images/bankicons/generic-bank-account.svg' +import GenericBank from '../../../assets/images/bankicons/generic-bank-account.svg'; import NavyFederalCreditUnion from '../../../assets/images/bankicons/navy-federal-credit-union.svg'; import PNC from '../../../assets/images/bankicons/pnc.svg'; import RegionsBank from '../../../assets/images/bankicons/regions-bank.svg';