status-im/MyCrypto
2
0
Fork 0
mirror of https://github.com/status-im/MyCrypto.git synced 2025-02-17 05:26:36 +00:00
Code Issues Projects Releases Wiki Activity

add translation support

Browse Source
This commit is contained in:
Daniel Ternyak 2017-06-25 00:57:43 -05:00
parent 142ed3adc5
commit afe2adbb5a
2 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
common/containers/Tabs/Swap/components/receivingAddress.js
View File

@ -2,6 +2,7 @@ import React, { Component } from 'react';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import { DONATION_ADDRESSES_MAP } from 'config/data'; import { DONATION_ADDRESSES_MAP } from 'config/data';
import Validator from 'libs/validator'; import Validator from 'libs/validator';
import translate from 'translations';
export default class ReceivingAddress extends Component { export default class ReceivingAddress extends Component {
constructor(props) { constructor(props) {
@ -40,7 +41,7 @@ export default class ReceivingAddress extends Component {
<section className="row"> <section className="row">
<div className="col-sm-8 col-sm-offset-2 col-xs-12"> <div className="col-sm-8 col-sm-offset-2 col-xs-12">
<label> <label>
<span>Your Receiving Address</span> <span>{translate('SWAP_rec_add')}</span>
<strong> ({destinationKind})</strong> <strong> ({destinationKind})</strong>
</label> </label>
<input <input
@ -56,7 +57,7 @@ export default class ReceivingAddress extends Component {
</section> </section>
<section className="row text-center"> <section className="row text-center">
<button disabled={!validAddress} className="btn btn-primary btn-lg"> <button disabled={!validAddress} className="btn btn-primary btn-lg">
<span>Start Swap</span> <span>{translate('SWAP_start_CTA')}</span>
</button> </button>
</section> </section>
</section> </section>

11
common/containers/Tabs/Swap/components/swapInformation.js
View File

@ -1,6 +1,7 @@
import React, { Component } from 'react'; import React, { Component } from 'react';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import { toFixedIfLarger } from 'utils/formatters'; import { toFixedIfLarger } from 'utils/formatters';
import translate from 'translations';
export default class SwapInformation extends Component { export default class SwapInformation extends Component {
constructor(props) { constructor(props) {
@ -29,7 +30,9 @@ export default class SwapInformation extends Component {
return ( return (
<article className="swap-start"> <article className="swap-start">
<section className="row"> <section className="row">
<h5 className="col-xs-6 col-xs-offset-3">Your Information</h5> <h5 className="col-xs-6 col-xs-offset-3">
{translate('SWAP_information')}
</h5>
<div className="col-xs-3"> <div className="col-xs-3">
<a <a
className="link" className="link"
@ -52,13 +55,13 @@ export default class SwapInformation extends Component {
<h4> <h4>
{` ${toFixedIfLarger(originAmount, 6)} ${originKind}`} {` ${toFixedIfLarger(originAmount, 6)} ${originKind}`}
</h4> </h4>
<p>Amount to send</p> <p>{translate('SEND_amount')}</p>
</div> </div>
<div className="col-sm-4 order-info"> <div className="col-sm-4 order-info">
<h4> <h4>
{` ${toFixedIfLarger(destinationAmount, 6)} ${destinationKind}`} {` ${toFixedIfLarger(destinationAmount, 6)} ${destinationKind}`}
</h4> </h4>
<p>Amount to receive</p> <p>{translate('SWAP_rec_amt')}</p>
</div> </div>
<div className="col-sm-4 order-info"> <div className="col-sm-4 order-info">
<h4> <h4>
@ -67,7 +70,7 @@ export default class SwapInformation extends Component {
6 6
)} ${originKind}/${destinationKind} `} )} ${originKind}/${destinationKind} `}
</h4> </h4>
<p>Your rate</p> <p>{translate('SWAP_your_rate')}</p>
</div> </div>
</section> </section>
</article> </article>