From 7177136ebaa66a69b0e7432d5caf66dc9b6237e6 Mon Sep 17 00:00:00 2001
From: Thibaut Boustany <thibaut@kastor.fr>
Date: Thu, 14 Jun 2018 17:17:13 +0200
Subject: [PATCH] Add missing i18n + ignore eslint false positives

---
 src/components/AccountPage/index.js           |  2 +-
 src/components/CurrentAddress/index.js        |  1 +
 src/components/DashboardPage/AccountCard.js   |  2 +-
 src/components/DeviceConnect/index.js         |  1 +
 src/components/FeesField/BitcoinKind.js       | 14 +++++++----
 src/components/MainSideBar/index.js           | 25 +++++++++++--------
 src/components/Onboarding/helperComponents.js |  2 +-
 .../Onboarding/steps/GenuineCheck.js          |  6 ++---
 .../steps/SelectPIN/SelectPINblue.js          |  6 ++---
 .../steps/SelectPIN/SelectPINnano.js          |  8 +++---
 .../steps/WriteSeed/WriteSeedBlue.js          |  6 ++---
 .../steps/WriteSeed/WriteSeedNano.js          |  6 ++---
 .../steps/WriteSeed/WriteSeedRestore.js       |  8 +++---
 src/components/RequestAmount/index.js         |  2 +-
 src/components/SettingsPage/index.js          |  6 ++++-
 src/components/ThrowBlock.js                  | 13 +++++++---
 .../base/AccountsList/AccountRow.js           |  6 +++--
 src/components/base/AccountsList/index.js     |  1 +
 src/components/base/LegacySelect/index.js     | 10 +++++---
 src/components/base/StepperNumber/index.js    |  3 ++-
 src/components/modals/AddAccounts/index.js    |  2 +-
 .../steps/02-step-connect-device.js           |  2 ++
 .../AddAccounts/steps/03-step-import.js       | 12 ++++-----
 .../AddAccounts/steps/04-step-finish.js       |  6 ++---
 src/components/modals/Debug.js                |  1 +
 src/components/modals/OperationDetails.js     |  2 +-
 src/components/modals/Send/Footer.js          |  4 +--
 static/i18n/en/app.yml                        | 13 +++++++++-
 28 files changed, 105 insertions(+), 65 deletions(-)

diff --git a/src/components/AccountPage/index.js b/src/components/AccountPage/index.js
index 6486ffaf..9abb8b35 100644
--- a/src/components/AccountPage/index.js
+++ b/src/components/AccountPage/index.js
@@ -143,7 +143,7 @@ class AccountPage extends PureComponent<Props, State> {
               <BalanceSummary
                 accounts={[account]}
                 chartColor={account.currency.color}
-                chartId={`account-chart-${account.id}`}
+                chartId={`account-chart-${account.id}`} /* eslint-disable-line react/jsx-no-literals */
                 counterValue={counterValue}
                 daysCount={daysCount}
                 selectedTime={selectedTime}
diff --git a/src/components/CurrentAddress/index.js b/src/components/CurrentAddress/index.js
index 8c2b9b9b..347620f8 100644
--- a/src/components/CurrentAddress/index.js
+++ b/src/components/CurrentAddress/index.js
@@ -183,6 +183,7 @@ class CurrentAddress extends PureComponent<Props> {
           <Box>
             {accountName ? (
               <Trans i18nKey="app:currentAddress.for" parent="div">
+                {/* eslint-disable-line react/jsx-no-literals */}
                 Address for <strong>{accountName}</strong>
               </Trans>
             ) : (
diff --git a/src/components/DashboardPage/AccountCard.js b/src/components/DashboardPage/AccountCard.js
index 7d89941a..08ffa6fb 100644
--- a/src/components/DashboardPage/AccountCard.js
+++ b/src/components/DashboardPage/AccountCard.js
@@ -89,7 +89,7 @@ class AccountCard extends PureComponent<{
                 height={52}
                 hideAxis
                 isInteractive={false}
-                id={`account-chart-${account.id}`}
+                id={`account-chart-${account.id}`} /* eslint-disable-line react/jsx-no-literals */
                 unit={account.unit}
               />
             </Box>
diff --git a/src/components/DeviceConnect/index.js b/src/components/DeviceConnect/index.js
index 679e1162..dcb3014f 100644
--- a/src/components/DeviceConnect/index.js
+++ b/src/components/DeviceConnect/index.js
@@ -200,6 +200,7 @@ class DeviceConnect extends PureComponent<Props> {
     const hasDevice = devices.length > 0
     const hasMultipleDevices = devices.length > 1
 
+    /* eslint-disable react/jsx-no-literals */
     return (
       <Box flow={4} ff="Open Sans">
         <Step validated={hasDevice}>
diff --git a/src/components/FeesField/BitcoinKind.js b/src/components/FeesField/BitcoinKind.js
index be8a8f23..0af0dfbe 100644
--- a/src/components/FeesField/BitcoinKind.js
+++ b/src/components/FeesField/BitcoinKind.js
@@ -3,6 +3,9 @@
 import React, { Component } from 'react'
 import type { Account } from '@ledgerhq/live-common/lib/types'
 import styled from 'styled-components'
+import { translate } from 'react-i18next'
+
+import type { T } from 'types/common'
 
 import InputCurrency from 'components/base/InputCurrency'
 import Select from 'components/base/Select'
@@ -15,6 +18,7 @@ type Props = {
   account: Account,
   feePerByte: number,
   onChange: number => void,
+  t: T
 }
 
 type FeeItem = {
@@ -104,14 +108,14 @@ class FeesField extends Component<
   }
 
   render() {
-    const { account, feePerByte, error, onChange } = this.props
+    const { account, feePerByte, error, onChange, t } = this.props
     const { items, selectedItem } = this.state
     const { units } = account.currency
 
     const satoshi = units[units.length - 1]
 
     return (
-      <GenericContainer error={error} help="fee per byte">
+      <GenericContainer error={error} help={t('app:send.steps.amount.unitPerByte')}>
         <Select width={156} options={items} value={selectedItem} onChange={this.onSelectChange} />
         <InputCurrency
           defaultUnit={satoshi}
@@ -120,18 +124,18 @@ class FeesField extends Component<
           value={feePerByte}
           onChange={onChange}
           onChangeFocus={this.onChangeFocus}
-          renderRight={<InputRight>{satoshi.code} per Byte</InputRight>}
+          renderRight={<InputRight>{t('app:send.steps.amount.unitPerByte', { unit: satoshi.code })}</InputRight>}
         />
       </GenericContainer>
     )
   }
 }
 
-export default (props: Props) => (
+export default translate()((props: Props) => (
   <WithFeesAPI
     currency={props.account.currency}
     renderError={error => <FeesField {...props} error={error} />}
     renderLoading={() => <FeesField {...props} />}
     render={fees => <FeesField {...props} fees={fees} />}
   />
-)
+))
diff --git a/src/components/MainSideBar/index.js b/src/components/MainSideBar/index.js
index 5e0bc619..e2d60919 100644
--- a/src/components/MainSideBar/index.js
+++ b/src/components/MainSideBar/index.js
@@ -92,38 +92,40 @@ class MainSideBar extends PureComponent<Props> {
             <SideBarListItem
               label={t('app:dashboard.title')}
               icon={IconPieChart}
-              iconActiveColor={'wallet'}
+              iconActiveColor="wallet"
               onClick={this.handleClickDashboard}
-              isActive={pathname === '/'}
-              hasNotif={updateStatus === 'downloaded'}
+              isActive={pathname === '/'} /* eslint-disable-line react/jsx-no-literals */
+              hasNotif={
+                updateStatus === 'downloaded' /* eslint-disable-line react/jsx-no-literals */
+              }
             />
             <SideBarListItem
               label={t('app:send.title')}
               icon={IconSend}
-              iconActiveColor={'wallet'}
+              iconActiveColor="wallet"
               onClick={this.handleOpenSendModal}
               disabled={accounts.length === 0}
             />
             <SideBarListItem
               label={t('app:receive.title')}
               icon={IconReceive}
-              iconActiveColor={'wallet'}
+              iconActiveColor="wallet"
               onClick={this.handleOpenReceiveModal}
               disabled={accounts.length === 0}
             />
             <SideBarListItem
               label={t('app:sidebar.manager')}
               icon={IconManager}
-              iconActiveColor={'wallet'}
+              iconActiveColor="wallet"
               onClick={this.handleClickManager}
-              isActive={pathname === '/manager'}
+              isActive={pathname === '/manager'} /* eslint-disable-line react/jsx-no-literals */
             />
             <SideBarListItem
               label={t('app:sidebar.exchange')}
               icon={IconExchange}
-              iconActiveColor={'wallet'}
+              iconActiveColor="wallet"
               onClick={this.handleClickExchange}
-              isActive={pathname === '/exchange'}
+              isActive={pathname === '/exchange'} /* eslint-disable-line react/jsx-no-literals */
             />
           </SideBarList>
           <Space of={40} />
@@ -137,7 +139,10 @@ class MainSideBar extends PureComponent<Props> {
                 key={account.id}
                 account={account}
                 push={this.push}
-                isActive={pathname === `/account/${account.id}`}
+                isActive={
+                  pathname ===
+                  `/account/${account.id}` /* eslint-disable-line react/jsx-no-literals */
+                }
               />
             ))}
           </SideBarList>
diff --git a/src/components/Onboarding/helperComponents.js b/src/components/Onboarding/helperComponents.js
index 49359da5..8b4c7c61 100644
--- a/src/components/Onboarding/helperComponents.js
+++ b/src/components/Onboarding/helperComponents.js
@@ -50,7 +50,7 @@ type StepType = {
 export function OptionRow({ step }: { step: StepType }) {
   const { icon, desc } = step
   return (
-    <Box horizontal m={'7px'} style={{ minWidth: 420 }}>
+    <Box horizontal m="7px" style={{ minWidth: 420 }}>
       <Box justify="center">{icon}</Box>
       <Box justify="center" shrink>
         <OptionRowDesc>{desc}</OptionRowDesc>
diff --git a/src/components/Onboarding/steps/GenuineCheck.js b/src/components/Onboarding/steps/GenuineCheck.js
index f4452c20..1aaa2103 100644
--- a/src/components/Onboarding/steps/GenuineCheck.js
+++ b/src/components/Onboarding/steps/GenuineCheck.js
@@ -128,7 +128,7 @@ class GenuineCheck extends PureComponent<StepProps, State> {
             <CardWrapper>
               <Box justify="center">
                 <Box horizontal>
-                  <IconOptionRow>1.</IconOptionRow>
+                  <IconOptionRow>1.</IconOptionRow>{/* eslint-disable-line react/jsx-no-literals */}
                   <CardTitle>{t('onboarding:genuineCheck.steps.step1.title')}</CardTitle>
                 </Box>
               </Box>
@@ -145,7 +145,7 @@ class GenuineCheck extends PureComponent<StepProps, State> {
             <CardWrapper isDisabled={!genuine.pinStepPass}>
               <Box justify="center">
                 <Box horizontal>
-                  <IconOptionRow>2.</IconOptionRow>
+                  <IconOptionRow>2.</IconOptionRow>{/* eslint-disable-line react/jsx-no-literals */}
                   <CardTitle>{t('onboarding:genuineCheck.steps.step2.title')}</CardTitle>
                 </Box>
               </Box>
@@ -162,7 +162,7 @@ class GenuineCheck extends PureComponent<StepProps, State> {
             <CardWrapper isDisabled={!genuine.recoveryStepPass}>
               <Box justify="center">
                 <Box horizontal>
-                  <IconOptionRow>3.</IconOptionRow>
+                  <IconOptionRow>3.</IconOptionRow>{/* eslint-disable-line react/jsx-no-literals */}
                   <CardTitle>{t('onboarding:genuineCheck.steps.step3.title')}</CardTitle>
                 </Box>
               </Box>
diff --git a/src/components/Onboarding/steps/SelectPIN/SelectPINblue.js b/src/components/Onboarding/steps/SelectPIN/SelectPINblue.js
index a37330a4..70ce4063 100644
--- a/src/components/Onboarding/steps/SelectPIN/SelectPINblue.js
+++ b/src/components/Onboarding/steps/SelectPIN/SelectPINblue.js
@@ -23,17 +23,17 @@ class SelectPIN extends PureComponent<Props, *> {
     const stepsLedgerBlue = [
       {
         key: 'step1',
-        icon: <IconOptionRow>1.</IconOptionRow>,
+        icon: <IconOptionRow>1.</IconOptionRow> /* eslint-disable-line react/jsx-no-literals */,
         desc: t('onboarding:selectPIN.instructions.ledgerBlue.step1'),
       },
       {
         key: 'step2',
-        icon: <IconOptionRow>2.</IconOptionRow>,
+        icon: <IconOptionRow>2.</IconOptionRow> /* eslint-disable-line react/jsx-no-literals */,
         desc: t('onboarding:selectPIN.instructions.ledgerBlue.step2'),
       },
       {
         key: 'step3',
-        icon: <IconOptionRow>3.</IconOptionRow>,
+        icon: <IconOptionRow>3.</IconOptionRow> /* eslint-disable-line react/jsx-no-literals */,
         desc: t('onboarding:selectPIN.instructions.ledgerBlue.step3'),
       },
     ]
diff --git a/src/components/Onboarding/steps/SelectPIN/SelectPINnano.js b/src/components/Onboarding/steps/SelectPIN/SelectPINnano.js
index ceeb552c..80f807e8 100644
--- a/src/components/Onboarding/steps/SelectPIN/SelectPINnano.js
+++ b/src/components/Onboarding/steps/SelectPIN/SelectPINnano.js
@@ -23,22 +23,22 @@ class SelectPINnano extends PureComponent<Props, *> {
     const stepsLedgerNano = [
       {
         key: 'step1',
-        icon: <IconOptionRow>1.</IconOptionRow>,
+        icon: <IconOptionRow>1.</IconOptionRow> /* eslint-disable-line react/jsx-no-literals */,
         desc: t('onboarding:selectPIN.instructions.ledgerNano.step1'),
       },
       {
         key: 'step2',
-        icon: <IconOptionRow>2.</IconOptionRow>,
+        icon: <IconOptionRow>2.</IconOptionRow> /* eslint-disable-line react/jsx-no-literals */,
         desc: t('onboarding:selectPIN.instructions.ledgerNano.step2'),
       },
       {
         key: 'step3',
-        icon: <IconOptionRow>3.</IconOptionRow>,
+        icon: <IconOptionRow>3.</IconOptionRow> /* eslint-disable-line react/jsx-no-literals */,
         desc: t('onboarding:selectPIN.instructions.ledgerNano.step3'),
       },
       {
         key: 'step4',
-        icon: <IconOptionRow>4.</IconOptionRow>,
+        icon: <IconOptionRow>4.</IconOptionRow> /* eslint-disable-line react/jsx-no-literals */,
         desc: t('onboarding:selectPIN.instructions.ledgerNano.step4'),
       },
     ]
diff --git a/src/components/Onboarding/steps/WriteSeed/WriteSeedBlue.js b/src/components/Onboarding/steps/WriteSeed/WriteSeedBlue.js
index 976da167..32ff7eb6 100644
--- a/src/components/Onboarding/steps/WriteSeed/WriteSeedBlue.js
+++ b/src/components/Onboarding/steps/WriteSeed/WriteSeedBlue.js
@@ -29,17 +29,17 @@ class WriteSeedBlue extends PureComponent<Props, *> {
     const steps = [
       {
         key: 'step1',
-        icon: <IconOptionRow>1.</IconOptionRow>,
+        icon: <IconOptionRow>1.</IconOptionRow>, /* eslint-disable-line react/jsx-no-literals */
         desc: t('onboarding:writeSeed.blue.step1'),
       },
       {
         key: 'step2',
-        icon: <IconOptionRow>2.</IconOptionRow>,
+        icon: <IconOptionRow>2.</IconOptionRow>, /* eslint-disable-line react/jsx-no-literals */
         desc: t('onboarding:writeSeed.blue.step2'),
       },
       {
         key: 'step3',
-        icon: <IconOptionRow>3.</IconOptionRow>,
+        icon: <IconOptionRow>3.</IconOptionRow>, /* eslint-disable-line react/jsx-no-literals */
         desc: t('onboarding:writeSeed.blue.step3'),
       },
     ]
diff --git a/src/components/Onboarding/steps/WriteSeed/WriteSeedNano.js b/src/components/Onboarding/steps/WriteSeed/WriteSeedNano.js
index f86ff293..14fb41f9 100644
--- a/src/components/Onboarding/steps/WriteSeed/WriteSeedNano.js
+++ b/src/components/Onboarding/steps/WriteSeed/WriteSeedNano.js
@@ -29,17 +29,17 @@ class WriteSeedNano extends PureComponent<Props, *> {
     const steps = [
       {
         key: 'step1',
-        icon: <IconOptionRow>1.</IconOptionRow>,
+        icon: <IconOptionRow>1.</IconOptionRow> /* eslint-disable-line react/jsx-no-literals */,
         desc: t('onboarding:writeSeed.nano.step1'),
       },
       {
         key: 'step2',
-        icon: <IconOptionRow>2.</IconOptionRow>,
+        icon: <IconOptionRow>2.</IconOptionRow> /* eslint-disable-line react/jsx-no-literals */,
         desc: t('onboarding:writeSeed.nano.step2'),
       },
       {
         key: 'step3',
-        icon: <IconOptionRow>3.</IconOptionRow>,
+        icon: <IconOptionRow>3.</IconOptionRow> /* eslint-disable-line react/jsx-no-literals */,
         desc: t('onboarding:writeSeed.nano.step3'),
       },
     ]
diff --git a/src/components/Onboarding/steps/WriteSeed/WriteSeedRestore.js b/src/components/Onboarding/steps/WriteSeed/WriteSeedRestore.js
index 207312ff..379419fc 100644
--- a/src/components/Onboarding/steps/WriteSeed/WriteSeedRestore.js
+++ b/src/components/Onboarding/steps/WriteSeed/WriteSeedRestore.js
@@ -30,22 +30,22 @@ class WriteSeedRestore extends PureComponent<Props, *> {
     const steps = [
       {
         key: 'step1',
-        icon: <IconOptionRow>1.</IconOptionRow>,
+        icon: <IconOptionRow>1.</IconOptionRow> /* eslint-disable-line react/jsx-no-literals */,
         desc: t('onboarding:writeSeed.restore.step1'),
       },
       {
         key: 'step2',
-        icon: <IconOptionRow>2.</IconOptionRow>,
+        icon: <IconOptionRow>2.</IconOptionRow> /* eslint-disable-line react/jsx-no-literals */,
         desc: t('onboarding:writeSeed.restore.step2'),
       },
       {
         key: 'step3',
-        icon: <IconOptionRow>3.</IconOptionRow>,
+        icon: <IconOptionRow>3.</IconOptionRow> /* eslint-disable-line react/jsx-no-literals */,
         desc: t('onboarding:writeSeed.restore.step3'),
       },
       {
         key: 'step4',
-        icon: <IconOptionRow>4.</IconOptionRow>,
+        icon: <IconOptionRow>4.</IconOptionRow> /* eslint-disable-line react/jsx-no-literals */,
         desc: t('onboarding:writeSeed.restore.step4'),
       },
     ]
diff --git a/src/components/RequestAmount/index.js b/src/components/RequestAmount/index.js
index 9732bba1..d16c2637 100644
--- a/src/components/RequestAmount/index.js
+++ b/src/components/RequestAmount/index.js
@@ -155,7 +155,7 @@ export class RequestAmount extends PureComponent<Props> {
           onChange={this.onLeftChange}
           renderRight={<InputRight>{account.unit.code}</InputRight>}
         />
-        <InputCenter>=</InputCenter>
+        <InputCenter>=</InputCenter> {/* eslint-disable-line react/jsx-no-literals */}
         <InputCurrency
           containerProps={containerProps}
           defaultUnit={rightUnit}
diff --git a/src/components/SettingsPage/index.js b/src/components/SettingsPage/index.js
index 87c40d09..739eb012 100644
--- a/src/components/SettingsPage/index.js
+++ b/src/components/SettingsPage/index.js
@@ -121,7 +121,11 @@ class SettingsPage extends PureComponent<Props, State> {
         <Pills mb={4} items={this._items} activeKey={tab.key} onChange={this.handleChangeTab} />
         <Switch>
           {this._items.map(i => (
-            <Route key={i.key} path={`${match.url}/${i.key}`} render={i.value && i.value(props)} />
+            <Route
+              key={i.key}
+              path={`${match.url}/${i.key}`} /* eslint-disable-line react/jsx-no-literals */
+              render={i.value && i.value(props)}
+            />
           ))}
           <Route render={defaultItem.value && defaultItem.value(props)} />
         </Switch>
diff --git a/src/components/ThrowBlock.js b/src/components/ThrowBlock.js
index b34e2fd3..56ddcd49 100644
--- a/src/components/ThrowBlock.js
+++ b/src/components/ThrowBlock.js
@@ -5,10 +5,13 @@ import React, { PureComponent } from 'react'
 import styled from 'styled-components'
 import { shell, remote } from 'electron'
 import qs from 'querystring'
+import { translate } from 'react-i18next'
 
 import { rgba } from 'styles/helpers'
 import db from 'helpers/db'
 
+import type { T } from 'types/common'
+
 import ExportLogsBtn from 'components/ExportLogsBtn'
 import Box from 'components/base/Box'
 import Button from 'components/base/Button'
@@ -16,6 +19,7 @@ import TranslatedError from './TranslatedError'
 
 type Props = {
   children: any,
+  t: T
 }
 
 type State = {
@@ -79,6 +83,7 @@ ${error.stack}
 
   render() {
     const { error } = this.state
+    const { t } = this.props
     if (error) {
       return (
         <Container>
@@ -87,14 +92,14 @@ ${error.stack}
           </Inner>
           <Box horizontal flow={2}>
             <Button primary onClick={this.handleRestart}>
-              {'Restart app'}
+              {t('app:crash.restart')}
             </Button>
             <Button danger onClick={this.handleReset}>
-              {'Reset app files'}
+              {t('app:crash.reset')}
             </Button>
             <ExportLogsBtn />
             <Button primary onClick={this.handleCreateIssue}>
-              {'Create ticket'}
+              {t('app:crash.createTicket')}
             </Button>
           </Box>
         </Container>
@@ -104,4 +109,4 @@ ${error.stack}
   }
 }
 
-export default ThrowBlock
+export default translate()(ThrowBlock)
diff --git a/src/components/base/AccountsList/AccountRow.js b/src/components/base/AccountsList/AccountRow.js
index 26e607f8..23f8c69d 100644
--- a/src/components/base/AccountsList/AccountRow.js
+++ b/src/components/base/AccountsList/AccountRow.js
@@ -13,6 +13,7 @@ import FormattedVal from 'components/base/FormattedVal'
 import Input from 'components/base/Input'
 import IconEdit from 'icons/Edit'
 import IconCheck from 'icons/Check'
+import type { T } from 'types/common'
 
 type Props = {
   account: Account,
@@ -20,6 +21,7 @@ type Props = {
   isDisabled?: boolean,
   onClick: Account => void,
   onAccountUpdate: Account => void,
+  t: T
 }
 
 type State = {
@@ -71,7 +73,7 @@ export default class AccountRow extends PureComponent<Props, State> {
   _input = null
 
   render() {
-    const { account, isChecked, onClick, isDisabled } = this.props
+    const { account, isChecked, onClick, isDisabled, t } = this.props
     const { isEditing, accountNameCopy } = this.state
 
     return (
@@ -100,7 +102,7 @@ export default class AccountRow extends PureComponent<Props, State> {
         {!isEditing && (
           <Edit onClick={this.handleEditClick}>
             <IconEdit size={13} />
-            <span>{'edit name'}</span>
+            <span>{t('app:addAccounts.editName')}</span>
           </Edit>
         )}
         <FormattedVal
diff --git a/src/components/base/AccountsList/index.js b/src/components/base/AccountsList/index.js
index 81714ab9..bba0c95e 100644
--- a/src/components/base/AccountsList/index.js
+++ b/src/components/base/AccountsList/index.js
@@ -67,6 +67,7 @@ const AccountsList = ({
               isChecked={checkedIds.find(id => id === account.id) !== undefined}
               onClick={onToggleAccount}
               onAccountUpdate={onUpdateAccount}
+              t={t}
             />
           ))}
           {isLoading && (
diff --git a/src/components/base/LegacySelect/index.js b/src/components/base/LegacySelect/index.js
index b726b999..7dd4745a 100644
--- a/src/components/base/LegacySelect/index.js
+++ b/src/components/base/LegacySelect/index.js
@@ -4,6 +4,9 @@ import React, { PureComponent } from 'react'
 import Downshift from 'downshift'
 import styled from 'styled-components'
 import { space } from 'styled-system'
+import { translate } from 'react-i18next'
+
+import type { T } from 'types/common'
 
 import Box from 'components/base/Box'
 import GrowScroll from 'components/base/GrowScroll'
@@ -33,6 +36,7 @@ type Props = {
   value?: *,
   disabled: boolean,
   small?: boolean,
+  t: T,
 }
 
 const Container = styled(Box).attrs({ relative: true, color: 'graphite' })``
@@ -163,7 +167,7 @@ class LegacySelect extends PureComponent<Props> {
   _children = {}
 
   renderItems = (items: Array<Object>, selectedItem: any, downshiftProps: Object) => {
-    const { renderItem, maxHeight, keyProp } = this.props
+    const { renderItem, maxHeight, keyProp, t } = this.props
     const { getItemProps, highlightedIndex } = downshiftProps
 
     const selectedItemIndex = items.indexOf(selectedItem)
@@ -228,7 +232,7 @@ class LegacySelect extends PureComponent<Props> {
           </GrowScroll>
         ) : (
           <Box>
-            <Item>{'No results'}</Item>
+            <Item>{t('app:error.noResults')}</Item>
           </Box>
         )}
       </Dropdown>
@@ -340,4 +344,4 @@ class LegacySelect extends PureComponent<Props> {
   }
 }
 
-export default LegacySelect
+export default translate()(LegacySelect)
diff --git a/src/components/base/StepperNumber/index.js b/src/components/base/StepperNumber/index.js
index 0bc87bea..050f6996 100644
--- a/src/components/base/StepperNumber/index.js
+++ b/src/components/base/StepperNumber/index.js
@@ -140,9 +140,10 @@ class StepperNumber extends PureComponent<Props, State> {
     const isMin = this.isMin(value)
     const isMax = this.isMax(value)
 
+    /* eslint-disable react/jsx-no-literals */
     return (
       <Container>
-        <Btn onMouseDown={!isMin ? this.handleMouseDown('decrement') : undefined} disabled={isMin}>
+        <Btn onMouseDown={!isMin ? this.handleMouseDown('decrement') : undefined} disabled={isMin}> 
           -
         </Btn>
         <Num>{value}</Num>
diff --git a/src/components/modals/AddAccounts/index.js b/src/components/modals/AddAccounts/index.js
index 88b9d46b..b3540813 100644
--- a/src/components/modals/AddAccounts/index.js
+++ b/src/components/modals/AddAccounts/index.js
@@ -211,7 +211,7 @@ class AddAccounts extends PureComponent<Props, State> {
             </ModalContent>
             {!hideFooter && (
               <ModalFooter horizontal align="center" justify="flex-end" style={{ height: 80 }}>
-                {StepFooter ? <StepFooter {...stepProps} /> : <Box>footer</Box>}
+                {StepFooter ? <StepFooter {...stepProps} /> : <Box/>}
               </ModalFooter>
             )}
           </ModalBody>
diff --git a/src/components/modals/AddAccounts/steps/02-step-connect-device.js b/src/components/modals/AddAccounts/steps/02-step-connect-device.js
index d4e210c4..2013dada 100644
--- a/src/components/modals/AddAccounts/steps/02-step-connect-device.js
+++ b/src/components/modals/AddAccounts/steps/02-step-connect-device.js
@@ -18,6 +18,7 @@ function StepConnectDevice({ t, currency, currentDevice, setState }: StepProps)
     <Fragment>
       <Box align="center" mb={6}>
         <CurrencyCircleIcon mb={3} size={40} currency={currency} />
+        {/* eslint-disable react/jsx-no-literals */}
         <Box ff="Open Sans" fontSize={4} color="dark" textAlign="center" style={{ width: 370 }}>
           <Trans i18nKey="app:addAccounts.connectDevice.desc" parent="div">
             {`You're about to import your `}
@@ -27,6 +28,7 @@ function StepConnectDevice({ t, currency, currentDevice, setState }: StepProps)
             {` account(s) from your Ledger device. Please follow the steps below:`}
           </Trans>
         </Box>
+        {/* eslint-enable react/jsx-no-literals */}
       </Box>
       <ConnectDevice
         t={t}
diff --git a/src/components/modals/AddAccounts/steps/03-step-import.js b/src/components/modals/AddAccounts/steps/03-step-import.js
index f9fcb054..56bdbc8c 100644
--- a/src/components/modals/AddAccounts/steps/03-step-import.js
+++ b/src/components/modals/AddAccounts/steps/03-step-import.js
@@ -160,18 +160,16 @@ class StepImport extends PureComponent<StepProps> {
             onUpdateAccount={this.handleUpdateAccount}
             onSelectAll={this.handleSelectAll}
             onUnselectAll={this.handleUnselectAll}
-            isLoading={scanStatus === 'scanning'}
+            isLoading={scanStatus === 'scanning'} /* eslint-disable-line react/jsx-no-literals */
           />
           <AccountsList
-            title={t('app:addAccounts.createNewAccount')}
-            emptyText={
-              'You cannot create a new account because your last account has no operations'
-            }
+            title={t('app:addAccounts.createNewAccount.title')}
+            emptyText={t('app:addAccounts.createNewAccount.noOperationOnLastAccount')}
             accounts={creatableAccounts}
             checkedIds={checkedAccountsIds}
             onToggleAccount={this.handleToggleAccount}
             onUpdateAccount={this.handleUpdateAccount}
-            isLoading={scanStatus === 'scanning'}
+            isLoading={scanStatus === 'scanning'} /* eslint-disable-line react/jsx-no-literals */
           />
         </Box>
 
@@ -236,7 +234,7 @@ export const StepImportFooter = ({
   return (
     <Fragment>
       {currency && <CurrencyBadge mr="auto" currency={currency} />}
-      <Button primary disabled={scanStatus !== 'finished'} onClick={onClick}>
+      <Button primary disabled={scanStatus !== 'finished'} onClick={onClick}> {/* eslint-disable-line react/jsx-no-literals */}
         {ctaWording}
       </Button>
     </Fragment>
diff --git a/src/components/modals/AddAccounts/steps/04-step-finish.js b/src/components/modals/AddAccounts/steps/04-step-finish.js
index 71eb7758..e34c2a2a 100644
--- a/src/components/modals/AddAccounts/steps/04-step-finish.js
+++ b/src/components/modals/AddAccounts/steps/04-step-finish.js
@@ -8,15 +8,15 @@ import IconCheckCircle from 'icons/CheckCircle'
 
 import type { StepProps } from '../index'
 
-function StepFinish({ onCloseModal }: StepProps) {
+function StepFinish({ onCloseModal, t }: StepProps) {
   return (
     <Box align="center" py={6}>
       <Box color="positiveGreen" mb={4}>
         <IconCheckCircle size={40} />
       </Box>
-      <Box mb={4}>{'Great success!'}</Box>
+      <Box mb={4}>{t('app:addAccounts.success')}</Box>
       <Button primary onClick={onCloseModal}>
-        {'Close'}
+        {t('app:common.close')}
       </Button>
     </Box>
   )
diff --git a/src/components/modals/Debug.js b/src/components/modals/Debug.js
index 3bea829c..d1cb2905 100644
--- a/src/components/modals/Debug.js
+++ b/src/components/modals/Debug.js
@@ -1,4 +1,5 @@
 // @flow
+/* eslint-disable react/jsx-no-literals */
 import { getCryptoCurrencyById } from '@ledgerhq/live-common/lib/helpers/currencies'
 import last from 'lodash/last'
 import React, { Component } from 'react'
diff --git a/src/components/modals/OperationDetails.js b/src/components/modals/OperationDetails.js
index 6f0b23c1..f80da7c6 100644
--- a/src/components/modals/OperationDetails.js
+++ b/src/components/modals/OperationDetails.js
@@ -153,7 +153,7 @@ const OperationDetails = connect(mapStateToProps)((props: Props) => {
                 ? t('app:operationDetails.confirmed')
                 : t('app:operationDetails.notConfirmed')}
             </Box>
-            <Box>{`(${confirmations})`}</Box>
+            <Box>{`(${confirmations})`}</Box> {/* eslint-disable-line react/jsx-no-literals */}
           </ColRight>
         </Line>
         <B />
diff --git a/src/components/modals/Send/Footer.js b/src/components/modals/Send/Footer.js
index a6fdcdba..c786213d 100644
--- a/src/components/modals/Send/Footer.js
+++ b/src/components/modals/Send/Footer.js
@@ -76,7 +76,7 @@ class Footer extends PureComponent<
                 />
                 <Box horizontal align="center">
                   <Text ff="Rubik" fontSize={3}>
-                    {'('}
+                    {'(' /* eslint-disable-line react/jsx-no-literals */}
                   </Text>
                   <CounterValue
                     currency={account.currency}
@@ -88,7 +88,7 @@ class Footer extends PureComponent<
                     alwaysShowSign={false}
                   />
                   <Text ff="Rubik" fontSize={3}>
-                    {')'}
+                    {')' /* eslint-disable-line react/jsx-no-literals */}
                   </Text>
                 </Box>
               </Box>
diff --git a/static/i18n/en/app.yml b/static/i18n/en/app.yml
index 3b55c6fe..071ed36a 100644
--- a/static/i18n/en/app.yml
+++ b/static/i18n/en/app.yml
@@ -38,6 +38,7 @@ common:
     refresh: Refresh
   error:
     load: Unable to load
+    noResults: No results
 operation:
   type:
     IN: Receive funds
@@ -128,7 +129,11 @@ addAccounts:
   accountToImportSubtitle_plural: 'Accounts to import ({{count}})'
   selectAll: Select all
   unselectAll: Unselect all
-  createNewAccount: Create new account
+  editName: Edit name
+  success: Great success!
+  createNewAccount:
+    title: Create new account
+    noOperationOnLastAccount: You cannot create a new account because your last account has no operations
   retrySync: Retry sync
   cta:
     create: 'Create account'
@@ -212,6 +217,8 @@ send:
       message: Leave a message (140)
       rippleTag: Tag
       ethereumGasLimit: Gas limit
+      unitPerByte: '{{unit}} per byte'
+      feePerByte: Fee per byte
     connectDevice:
       title: Connect device
     verification:
@@ -345,3 +352,7 @@ password:
 update:
   newVersionReady: A new update is available.
   relaunch: Update now
+crash:
+  restart: Restart app
+  reset: Reset app files
+  createTicket: Create ticket