recovery page: add ItendityIcon
This commit is contained in:
parent
35fe4de622
commit
cf85d1978f
@ -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 }));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -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>
|
||||||
|
Loading…
Reference in New Issue
Block a user