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 { Form, Input, InputAddress } from '../../../ui';
import Button from '../../../ui/Button'; import Button from '../../../ui/Button';
import { createIdentityImg } from '../../../api/util/identity';
import print from './print'; import print from './print';
import recoveryPage from './recovery-page.ejs'; import recoveryPage from './recovery-page.ejs';
@ -85,7 +86,9 @@ export default class AccountDetails extends Component {
} }
printPhrase = () => { printPhrase = () => {
const { phrase, name } = this.props; const { address, phrase, name } = this.props;
print(recoveryPage({ phrase, name })); 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-family: sans-serif;
font-weight: 300; font-weight: 300;
} }
h1 { p {
font-weight: 300; margin-bottom: 1rem;
font-size: inherit; }
figure {
margin-bottom: 1rem;
}
figure.address img {
border-radius: 100%;
} }
pre code { pre code {
display: inline-block; display: inline-block;
@ -28,7 +33,12 @@
</style> </style>
</head> </head>
<body> <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> <pre><code><%= phrase %></code></pre>
</body> </body>
</html> </html>