Merge pull request #78 from brave/fix-6308

Using translated strings on welcome page

brave/app/_locales/en/messages.json

@@ -5,15 +5,24 @@
  "braveRewards": {
  "message": "Brave Rewards"
  },
+ "connect": {
+ "message": "Connect"
+ },
  "cryptoWalletsDisclosure": {
  "message": "Crypto Wallets in Brave is completely separate from Brave Rewards. This is a standalone component which lets you send, receive, and use BAT and other Ethereum assets and collectibles — as well as interacting with Ðapps and other smart contracts. This feature is meant for people who are already familiar with Ethereum or are excited to learn. If that doesn't sound like you, head over to"
  },
+ "cryptoWalletsTitle": {
+ "message": "Crypto Wallets"
+ },
  "disclosureConfirm": {
  "message": "I understand"
  },
  "ledgerCreateSubText": {
  "message": "Connect your Ledger hardware wallet to interact with dApps and make transfers to other connected wallets."
  },
+ "metamaskImportSubText": {
+ "message": "Note: If importing from a Metamask wallet, enter 12 words instead of 24."
+ },
  "newLocalWallet": {
  "message": "New Local Wallet"
  },
@@ -26,15 +35,18 @@
  "passWarningTwo": {
  "message": "before using this tool."
  },
+ "restore": {
+ "message": "Restore"
+ },
  "riskDisclosure": {
  "message": "risk disclosure"
  },
+ "setupSubTitle": {
+ "message": "Choose a type to set up:"
+ },
  "trezorCreateSubText": {
  "message": "Connect your Trezor hardware wallet to interact with dApps and make transfers to other connected wallets."
  },
- "metamaskImportSubText": {
- "message": "Note: If importing from a Metamask wallet, enter 12 words instead of 24."
- },
  "welcomeCryptoWallets": {
  "message": "Welcome to Brave Crypto Wallets"
  }

brave/ui/app/components/app/connect-wallet/connect-wallet.component.js

@@ -98,7 +98,7 @@ module.exports = class ConnectWallet extends PureComponent {
  onClick={this.onAction.bind(this, onRestore)}
  className={'restore'}
  >
- {'Restore'}
+ {t('restore')}
  </span>
  : null
  }

brave/ui/app/pages/first-time-flow/welcome/welcome.component.js

@@ -9,6 +9,10 @@ import {
 } from '../../../../../../ui/app/helpers/constants/routes'
 
 module.exports = class BraveWelcome extends PureComponent {
+ static contextTypes = {
+ t: PropTypes.func,
+ }
+
  static propTypes = {
  history: PropTypes.object,
  }
@@ -22,16 +26,18 @@ module.exports = class BraveWelcome extends PureComponent {
  }
 
  render () {
+ const { t } = this.context
+
  return (
  <div className={'welcome-container'}>
  <WelcomeModal />
  <div className={'content'}>
  <div>
  <div className={'welcome-title'}>
- <span>{'Crypto Wallets'}</span>
+ <span>{t('cryptoWalletsTitle')}</span>
  </div>
  <div className={'welcome-sub-text'}>
- <span>{'Choose a type to set up:'}</span>
+ <span>{t('setupSubTitle')}</span>
  </div>
  </div>
  <div>