status-im/MyCrypto
2
0
Fork 0
mirror of https://github.com/status-im/MyCrypto.git synced 2025-01-11 11:34:26 +00:00
Code Issues Projects Releases Wiki Activity

format

Browse Source
This commit is contained in:
Daniel Ternyak 2017-06-20 01:13:21 -05:00
parent 3cee501da1
commit 3644cb5515
1 changed files with 138 additions and 116 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

96
common/containers/Tabs/GenerateWallet/components/GenerateWalletPasswordComponent.jsx
View File

@ -7,15 +7,16 @@ import translate from 'translations';
// VALIDATORS
const minLength = min => value => {
return value && value.length < min ? `Must be ${min} characters or more` : undefined
return value && value.length < min
? `Must be ${min} characters or more`
: undefined;
};
const minLength9 = minLength(9);
const required = value => value ? undefined : 'Required';
const required = value => (value ? undefined : 'Required');
class GenerateWalletPasswordComponent extends Component {
constructor(props) {
super(props)
super(props);
}
static propTypes = {
@ -36,17 +37,14 @@ class GenerateWalletPasswordComponent extends Component {
generateWalletConfirmContinueToPaper: PropTypes.func
};
continueToPaper() {
}
continueToPaper() {}
downloaded() {
let nextState = this.state;
nextState.hasDownloadedWalletFile = true;
this.setState(nextState)
this.setState(nextState);
}
render() {
const {
generateWalletPassword,
@ -57,7 +55,6 @@ class GenerateWalletPasswordComponent extends Component {
generateWalletGenerateFile,
generateWalletDownloadFile,
generateWalletConfirmContinueToPaper
} = this.props;
return (
@ -65,8 +62,7 @@ class GenerateWalletPasswordComponent extends Component {
<div className="tab-content">
<main className="tab-pane active text-center" role="main">
<br />
{
!generateWalletFile && (
{!generateWalletFile &&
<div>
<section className="row">
<h1 aria-live="polite">{translate('NAV_GenerateWallet')}</h1>
@ -78,57 +74,83 @@ class GenerateWalletPasswordComponent extends Component {
showPassword={showPassword}
generateWalletShowPassword={generateWalletShowPassword}
name="password"
type="text"/>
type="text"
/>
<br />
<button onClick={() => generateWalletGenerateFile()}
disabled={generateWalletPassword ? generateWalletPassword.syncErrors : true}
className="btn btn-primary btn-block">
<button
onClick={() => generateWalletGenerateFile()}
disabled={
generateWalletPassword
? generateWalletPassword.syncErrors
: true
}
className="btn btn-primary btn-block"
>
{translate('NAV_GenerateWallet')}
</button>
</div>
</section>
<LedgerTrezorWarning />
</div>
)
}
{
generateWalletFile && (
</div>}
{generateWalletFile &&
<section role="main" className="row">
<h1>{translate('GEN_Label_2')}</h1>
<br />
<div className="col-sm-8 col-sm-offset-2">
<div aria-hidden="true" className="account-help-icon"><img
src="https://myetherwallet.com/images/icon-help.svg" className="help-icon"/>
<p className="account-help-text">{translate('x_KeystoreDesc')}</p>
<div aria-hidden="true" className="account-help-icon">
<img
src="https://myetherwallet.com/images/icon-help.svg"
className="help-icon"
/>
<p className="account-help-text">
{translate('x_KeystoreDesc')}
</p>
<h4>{translate('x_Keystore2')}</h4>
</div>
<a role="button" className="btn btn-primary btn-block"
<a
role="button"
className="btn btn-primary btn-block"
href="blob:https://myetherwallet.com/2455ae32-916f-4224-a806-414bbe680168"
download="UTC--2017-04-26T23-07-03.538Z--c5b7fff4e1669e38e8d6bc8fffe7e562b2b70f43"
aria-label="Download Keystore File (UTC / JSON · Recommended · Encrypted)"
aria-describedby="x_KeystoreDesc"
onClick={() => generateWalletDownloadFile()}>{translate('x_Download')}</a>
<p className="sr-only" id="x_KeystoreDesc">{translate('x_KeystoreDesc')}</p>
onClick={() => generateWalletDownloadFile()}
>
{translate('x_Download')}
</a>
<p className="sr-only" id="x_KeystoreDesc">
{translate('x_KeystoreDesc')}
</p>
<br /><br /><br /><br />
</div>
<div className="col-xs-12 alert alert-danger">
<span>
MyEtherWallet.com is not a web wallet &amp; does not store or transmit this secret information at any time. <br/>
<strong>If you do not save your wallet file and password, we cannot recover them.</strong><br/>
Save your wallet file now &amp; back it up in a second location (not on your computer).
MyEtherWallet.com is not a web wallet &amp; does not store
or transmit this secret information at any time. <br />
<strong>
If you do not save your wallet file and password, we
cannot recover them.
</strong>
<br />
Save your wallet file now &amp; back it up in a second
location (not on your computer).
<br /><br />
<a role="button"
className={`btn btn-info ${hasDownloadedWalletFile ? '' : 'disabled'}`}
onClick={() => generateWalletConfirmContinueToPaper()}> I understand. Continue. </a>
<a
role="button"
className={`btn btn-info ${hasDownloadedWalletFile
? ''
: 'disabled'}`}
onClick={() => generateWalletConfirmContinueToPaper()}
>
{' '}I understand. Continue.{' '}
</a>
</span>
</div>
</section>
)
}
</section>}
</main>
</div>
</section>
)
);
}
}