footer, generate wallet improved translations

This commit is contained in:
Daniel Ternyak 2017-05-29 23:53:28 -05:00
parent 8754f5a2b4
commit cf36d9eb52
3 changed files with 17 additions and 30 deletions

View File

@ -1,14 +1,12 @@
import React, {Component} from 'react' import React, {Component} from "react";
import translate from "translations";
export default class Footer extends Component { export default class Footer extends Component {
constructor(props) { constructor(props) {
super(props) super(props)
} }
shouldComponentUpdate() {
return false
}
render() { render() {
return ( return (
<footer role="contentinfo" aria-label="footer"> <footer role="contentinfo" aria-label="footer">
@ -23,8 +21,8 @@ export default class Footer extends Component {
height="55px" width="auto" alt="Ether Wallet"/> height="55px" width="auto" alt="Ether Wallet"/>
</a> </a>
</p> </p>
<p><span>Open-Source, client-side tool for easily & securely interacting with the Ethereum network.</span> <p><span>{translate('FOOTER_1')}</span>
<span>Created by</span> <span>{translate('FOOTER_1b')}</span>
<a aria-label="kvhnuke's github" <a aria-label="kvhnuke's github"
href="https://github.com/kvhnuke" href="https://github.com/kvhnuke"
target="_blank">kvhnuke</a> & target="_blank">kvhnuke</a> &
@ -35,7 +33,7 @@ export default class Footer extends Component {
<br/> <br/>
</div> </div>
<div className="col-sm-6 footer-2"> <div className="col-sm-6 footer-2">
<h5><i aria-hidden="true">💝</i> Donations are always appreciated!</h5> <h5><i aria-hidden="true">💝</i>{translate('FOOTER_2')}</h5>
<ul> <ul>
<li> ETH: <span <li> ETH: <span
className="mono wrap">0x7cB57B5A97eAbe94205C07890BE4c1aD31E486A8</span> className="mono wrap">0x7cB57B5A97eAbe94205C07890BE4c1aD31E486A8</span>
@ -43,8 +41,7 @@ export default class Footer extends Component {
<li> BTC: <span className="mono wrap">1MEWT2SGbqtz6mPCgFcnea8XmWV5Z4Wc6</span></li> <li> BTC: <span className="mono wrap">1MEWT2SGbqtz6mPCgFcnea8XmWV5Z4Wc6</span></li>
</ul> </ul>
<h5><i aria-hidden="true">👫</i> You can also support us by supporting our <h5><i aria-hidden="true">👫</i>{translate('ADD_Warning_1')}</h5>
blockchain-family.</h5>
<p>Consider using our affiliate links to...</p> <p>Consider using our affiliate links to...</p>
<ul> <ul>
<li><a aria-label="Swap Ether or Bitcoin via Bity.com" <li><a aria-label="Swap Ether or Bitcoin via Bity.com"
@ -57,15 +54,6 @@ export default class Footer extends Component {
TREZOR</a> TREZOR</a>
</li> </li>
</ul> </ul>
<ul>
<li>
{/*<span translate="TranslatorName_1"></span>*/}
{/*<span translate="TranslatorName_2"></span>*/}
{/*<span translate="TranslatorName_3"></span>*/}
{/*<span translate="TranslatorName_4"></span>*/}
{/*<span translate="TranslatorName_5"></span>*/}
</li>
</ul>
</div> </div>
<div className="col-sm-3 footer-3"> <div className="col-sm-3 footer-3">
<h5><i aria-hidden="true">🌎</i> On the Web</h5> <h5><i aria-hidden="true">🌎</i> On the Web</h5>

View File

@ -1,6 +1,6 @@
import React, {Component} from 'react'; import React, {Component} from "react";
import {Link} from 'react-router'; import {Link} from "react-router";
import translate from 'translations'; import translate from "translations";
const tabs = [ const tabs = [
{ {
@ -62,9 +62,7 @@ export default class TabsOptions extends Component {
{ {
tabs.map((object, i) => { tabs.map((object, i) => {
return ( return (
<li className='nav-item' <li className='nav-item' key={i} onClick={this.tabClick(i)}>
key={i}
onClick={this.tabClick(i)}>
<Link to={object.link} key={i} <Link to={object.link} key={i}
aria-label={`nav item: ${translate(object.name)}`}> aria-label={`nav item: ${translate(object.name)}`}>
{translate(object.name)} {translate(object.name)}
@ -80,9 +78,9 @@ export default class TabsOptions extends Component {
this.state.showRightArrow && this.state.showRightArrow &&
<a aria-hidden='true' <a aria-hidden='true'
className='nav-arrow-right' className='nav-arrow-right'
onClick={() => this.scrollRight(100)} onClick={() => this.scrollRight(100)}>&#187;</a
ng-mouseover='scrollHoverIn(false,2);' ng-mouseleave='scrollHoverOut()'>&#187;</a >
>} }
</nav> </nav>
</div> </div>

View File

@ -4,6 +4,7 @@ import PropTypes from "prop-types";
import {Field, reduxForm} from "redux-form"; import {Field, reduxForm} from "redux-form";
import GenerateWalletPasswordInputComponent from "./GenerateWalletPasswordInputComponent"; import GenerateWalletPasswordInputComponent from "./GenerateWalletPasswordInputComponent";
import LedgerTrezorWarning from "./LedgerTrezorWarning"; import LedgerTrezorWarning from "./LedgerTrezorWarning";
import translate from "translations";
// VALIDATORS // VALIDATORS
@ -73,7 +74,7 @@ class GenerateWalletPasswordComponent extends Component {
!generateWalletFile && ( !generateWalletFile && (
<div> <div>
<section className="row"> <section className="row">
<h1 aria-live="polite">Generate Wallet</h1> <h1 aria-live="polite">{translate('NAV_GenerateWallet')}</h1>
<div className="col-sm-8 col-sm-offset-2"> <div className="col-sm-8 col-sm-offset-2">
<h4>Enter a strong password (at least 9 characters)</h4> <h4>Enter a strong password (at least 9 characters)</h4>
<Field <Field
@ -98,7 +99,7 @@ class GenerateWalletPasswordComponent extends Component {
{ {
generateWalletFile && ( generateWalletFile && (
<section role="main" className="row"> <section role="main" className="row">
<h1>Save your Wallet File. Don't forget your password.</h1> <h1>{translate('GEN_Label_2')}</h1>
<br/> <br/>
<div className="col-sm-8 col-sm-offset-2"> <div className="col-sm-8 col-sm-offset-2">
<div aria-hidden="true" className="account-help-icon"><img <div aria-hidden="true" className="account-help-icon"><img