grassrootseconomics/openethereum
5
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

recovery page: add ItendityIcon

Browse Source
This commit is contained in:
Jannis R 2016-11-30 20:10:29 +01:00
parent 35fe4de622
commit cf85d1978f
No known key found for this signature in database
GPG Key ID: 0FE83946296A88A5
2 changed files with 19 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
js/src/modals/CreateAccount/AccountDetails/accountDetails.js
View File

@ -20,6 +20,7 @@ import PrintIcon from 'material-ui/svg-icons/action/print';
import { Form, Input, InputAddress } from '../../../ui';
import Button from '../../../ui/Button';
import { createIdentityImg } from '../../../api/util/identity';
import print from './print';
import recoveryPage from './recovery-page.ejs';
@ -85,7 +86,9 @@ export default class AccountDetails extends Component {
}
printPhrase = () => {
const { phrase, name } = this.props;
print(recoveryPage({ phrase, name }));
const { address, phrase, name } = this.props;
const identity = createIdentityImg(address);
print(recoveryPage({ phrase, name, identity, address }));
}
}

18
js/src/modals/CreateAccount/AccountDetails/recovery-page.ejs
View File

@ -15,9 +15,14 @@
font-family: sans-serif;
font-weight: 300;
}
h1 {
font-weight: 300;
font-size: inherit;
p {
margin-bottom: 1rem;
}
figure {
margin-bottom: 1rem;
}
figure.address img {
border-radius: 100%;
}
pre code {
display: inline-block;
@ -28,7 +33,12 @@
</style>
</head>
<body>
<h1>Recovery phrase for your Parity account <em><%= name %></em></h1>
<p>This is your account <em><%= name %></em>:</p>
<figure class="address">
<img src="<%= identity %>" alt="symbol for the address of the account">
<figcaption><code><%= address %></code></figcaption>
</figure>
<p>This is the recovery phrase:</p>
<pre><code><%= phrase %></code></pre>
</body>
</html>