feat: add fee to ui

blockchain · Dec 15, 2021 · 7f5e99d · 7f5e99d
1 parent 446c47f
commit 7f5e99d
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/packages/blockchain-wallet-v4-frontend/src/assets/locales/index.d.ts b/packages/blockchain-wallet-v4-frontend/src/assets/locales/index.d.ts
@@ -378,6 +378,7 @@ type MessagesType = {
   'copy.below_swap_min': 'Minimum Swap is {value}'
   'copy.below_min': '{amount} Minimum'
   'copy.below_min_amount': 'Amount is below Min'
+  'copy.blockchain_fee': 'Blockchain.com Fee'
   'copy.buy_upgrade': 'Buy More Crypto'
   'copy.cancel': 'Cancel'
   'copy.canceled': 'Canceled'
@@ -687,7 +688,7 @@ type MessagesType = {
   'identityverification.verify.resubmit.reason.intro': 'Main reasons for this to happen are'
   'identityverification.verify.resubmit.reason.quality': 'We were unable to read the images you submitted due to image quality'
   'identityverification.verify.supportedcountries': 'Is my country supported?'
-  'layouts.wallet.footer.looking_product' : 'Looking for another product?'
+  'layouts.wallet.footer.looking_product': 'Looking for another product?'
   'layouts.wallet.footer.select_product': 'Select a Product ->'
   'layouts.wallet.header.Sign Out': 'Sign Out'
   'layouts.wallet.header.announcements.emailreminder': 'Confirm your email address to properly secure your account'

diff --git a/...ges/blockchain-wallet-v4-frontend/src/modals/BuySell/CheckoutConfirm/template.success.tsx b/...ges/blockchain-wallet-v4-frontend/src/modals/BuySell/CheckoutConfirm/template.success.tsx
@@ -330,7 +330,14 @@ const Success: React.FC<InjectedFormProps<{ form: string }, Props> & Props> = (p
             <TopRow>
               <RowIcon>
                 <RowText>
-                  <FormattedMessage id='copy.card_fee' defaultMessage='Card Fee' />
+                  {props.isFlexiblePricingModel ? (
+                    <FormattedMessage
+                      id='copy.blockchain_fee'
+                      defaultMessage='Blockchain.com Fee'
+                    />
+                  ) : (
+                    <FormattedMessage id='copy.card_fee' defaultMessage='Card Fee' />
+                  )}
                 </RowText>
                 <IconWrapper>
                   <Icon