fix(flyout): correct flyout copy according to design

blockchain · May 5, 2020 · 64dd152 · 64dd152
1 parent 54216c5
commit 64dd152
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 12 deletions.
diff --git a/packages/blockchain-wallet-v4-frontend/src/assets/locales/types.ts b/packages/blockchain-wallet-v4-frontend/src/assets/locales/types.ts
@@ -23,8 +23,8 @@ type MessagesType = {
   'buttons.hide': 'Hide'
   'buttons.learn_more': 'Learn More'
   'buttons.ok': 'OK'
-  'buttons.remove': 'Remove',
-  'buttons.show': 'Show',
+  'buttons.remove': 'Remove'
+  'buttons.show': 'Show'
   'components.DateInputBox.placeholder.month': 'Month'
   'components.EmailVerification.changeemail': 'Change Email'
   'components.EmailVerification.checkinbox': 'Check your inbox. We sent an email to:'
@@ -1101,6 +1101,7 @@ type MessagesType = {
   'modals.simplebuy.transferdetails.swift': 'Bank Code (SWIFT / BIC)'
   'modals.simplebuy.underreview': 'ID Verification Pending'
   'modals.simplebuy.unknown': 'Unknown Status'
+  'modals.simplebuy.unsupported-subcontent': "Currently, we don't support buying crypto with"
   'modals.simplebuy.unsupported-subcontent-1': "Well this is awkward. We don't support buying crypto yet for"
   'modals.simplebuy.unsupported-subcontent-2': "We'll send you an update when we do."
   'modals.simplebuy.unsupported-title': 'Buy Crypto Coming Soon for'

diff --git a/...s/blockchain-wallet-v4-frontend/src/modals/SimpleBuy/EnterAmount/template.unsupported.tsx b/...s/blockchain-wallet-v4-frontend/src/modals/SimpleBuy/EnterAmount/template.unsupported.tsx
@@ -76,19 +76,28 @@ const Unsupported: React.FC<Props> = props => {
           )}
         </Title>
         <Subcontent color='grey600' weight={500}>
-          <FormattedMessage
-            id='modals.simplebuy.unsupported-subcontent-1'
-            defaultMessage="Well this is awkward. We don't support buying crypto yet for"
-          />{' '}
           {paymentAccountEligible ? (
-            props.fiatCurrency
+            <>
+              <FormattedMessage
+                id='modals.simplebuy.unsupported-subcontent'
+                defaultMessage="Currently, we don't support buying crypto with"
+              />{' '}
+              {props.fiatCurrency}
+              {'. '}
+            </>
           ) : (
-            <FormattedMessage
-              id='modals.simplebuy.fiatregion'
-              defaultMessage='your region'
-            />
+            <>
+              <FormattedMessage
+                id='modals.simplebuy.unsupported-subcontent-1'
+                defaultMessage="Well this is awkward. We don't support buying crypto yet for"
+              />{' '}
+              <FormattedMessage
+                id='modals.simplebuy.fiatregion'
+                defaultMessage='your region'
+              />
+              {'. '}
+            </>
           )}
-          {'. '}
           <FormattedMessage
             id='modals.simplebuy.unsupported-subcontent-2'
             defaultMessage="We'll send you an update when we do."