feat: add copy on tooltip

blockchain · Dec 15, 2021 · ca9d006 · ca9d006
1 parent 873a0c6
commit ca9d006
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 15 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
@@ -1538,6 +1538,7 @@ type MessagesType = {
   'modals.simplebuy.card_creation_failed': 'We could not save your card. Please contact support.'
   'modals.simplebuy.card_number': 'Card Number'
   'modals.simplebuy.paying_with_card': 'Blockchain.com requires a fee when paying with a card.'
+  'modals.simplebuy.flexible_pricing': 'This Fee price is based on trade size, payment method and asset being purchased on Blockchain.com'
   'modals.simplebuy.card_pending_after_poll': 'We waited one minute and did not receive an update from our card provider. Your card may still be approved later. Please contact support if you have any questions.'
   'modals.simplebuy.cc_info_received': 'Waiting for information from your bank...'
   'modals.simplebuy.change_billing_address': 'Change Billing Address'

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
@@ -359,22 +359,31 @@ const Success: React.FC<InjectedFormProps<{ form: string }, Props> & Props> = (p
                 <Text size='12px' weight={500} color='grey600'>
                   <TextGroup inline>
                     <Text size='14px'>
-                      <FormattedMessage
-                        id='modals.simplebuy.paying_with_card'
-                        defaultMessage='Blockchain.com requires a fee when paying with a card.'
-                      />
+                      {props.isFlexiblePricingModel ? (
+                        <FormattedMessage
+                          id='modals.simplebuy.flexible_pricing'
+                          defaultMessage='This Fee price is based on trade size, payment method and asset being purchased on Blockchain.com'
+                        />
+                      ) : (
+                        <FormattedMessage
+                          id='modals.simplebuy.paying_with_card'
+                          defaultMessage='Blockchain.com requires a fee when paying with a card.'
+                        />
+                      )}
                     </Text>
-                    <Link
-                      href='https://support.blockchain.com/hc/en-us/articles/360061672651'
-                      size='14px'
-                      rel='noopener noreferrer'
-                      target='_blank'
-                    >
-                      <FormattedMessage
-                        id='modals.simplebuy.summary.learn_more'
-                        defaultMessage='Learn more'
-                      />
-                    </Link>
+                    {props.isFlexiblePricingModel ? null : (
+                      <Link
+                        href='https://support.blockchain.com/hc/en-us/articles/360061672651'
+                        size='14px'
+                        rel='noopener noreferrer'
+                        target='_blank'
+                      >
+                        <FormattedMessage
+                          id='modals.simplebuy.summary.learn_more'
+                          defaultMessage='Learn more'
+                        />
+                      </Link>
+                    )}
                   </TextGroup>
                 </Text>
               </ToolTipText>