From 4107ab372b70476bec6791cda5460ee13bea371a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ga=C3=ABtan=20Renaudeau?= <gaetan.renaudeau@ledger.fr>
Date: Thu, 28 Jun 2018 15:15:37 +0200
Subject: [PATCH] bold the step 3

---
 .../AddAccounts/steps/03-step-import.js       | 25 +++++++++++++++----
 static/i18n/en/app.yml                        |  4 +--
 2 files changed, 22 insertions(+), 7 deletions(-)

diff --git a/src/components/modals/AddAccounts/steps/03-step-import.js b/src/components/modals/AddAccounts/steps/03-step-import.js
index 1584b9f4..7c91b17f 100644
--- a/src/components/modals/AddAccounts/steps/03-step-import.js
+++ b/src/components/modals/AddAccounts/steps/03-step-import.js
@@ -2,6 +2,7 @@
 
 import invariant from 'invariant'
 import styled from 'styled-components'
+import { Trans } from 'react-i18next'
 import React, { PureComponent, Fragment } from 'react'
 import type { Account } from '@ledgerhq/live-common/lib/types'
 import uniq from 'lodash/uniq'
@@ -16,6 +17,7 @@ import AccountsList from 'components/base/AccountsList'
 import IconExclamationCircleThin from 'icons/ExclamationCircleThin'
 import TranslatedError from '../../../TranslatedError'
 import Spinner from '../../../base/Spinner'
+import Text from '../../../base/Text'
 
 import type { StepProps } from '../index'
 
@@ -249,11 +251,24 @@ class StepImport extends PureComponent<StepProps> {
               autoFocusFirstInput={importableAccounts.length === 0}
               title={t('app:addAccounts.createNewAccount.title')}
               emptyText={
-                alreadyEmptyAccount
-                  ? t('app:addAccounts.createNewAccount.noOperationOnLastAccount', {
-                      accountName: alreadyEmptyAccount.name,
-                    })
-                  : t('app:addAccounts.createNewAccount.noAccountToCreate', { currencyName })
+                alreadyEmptyAccount ? (
+                  <Trans
+                    i18nKey="app:addAccounts.createNewAccount.noOperationOnLastAccount"
+                    parent="div"
+                  >
+                    {' '}
+                    <Text ff="Open Sans|SemiBold" color="dark">
+                      {alreadyEmptyAccount.name}
+                    </Text>{' '}
+                  </Trans>
+                ) : (
+                  <Trans i18nKey="app:addAccounts.createNewAccount.noAccountToCreate" parent="div">
+                    {' '}
+                    <Text ff="Open Sans|SemiBold" color="dark">
+                      {currencyName}
+                    </Text>{' '}
+                  </Trans>
+                )
               }
               accounts={creatableAccounts}
               checkedIds={checkedAccountsIds}
diff --git a/static/i18n/en/app.yml b/static/i18n/en/app.yml
index acb5c3f1..760074f8 100644
--- a/static/i18n/en/app.yml
+++ b/static/i18n/en/app.yml
@@ -159,8 +159,8 @@ addAccounts:
 # success_plural: Accounts successfully added to your portfolio.
   createNewAccount:
     title: Create a new account
-    noOperationOnLastAccount: 'You have to receive crypto assets on {{accountName}} before you can create a new account.'
-    noAccountToCreate: No {{currencyName}} account was found to create
+    noOperationOnLastAccount: 'You have to receive crypto assets on <1><0>{{accountName}}</0></1> before you can create a new account.'
+    noAccountToCreate: No <1><0>{{currencyName}}</0></1> account was found to create
   somethingWentWrong: Something went wrong during synchronization, please try again.
   cta:
     addMore: 'Add more'