diff --git a/js/src/modals/CreateAccount/AccountDetails/accountDetails.js b/js/src/modals/CreateAccount/AccountDetails/accountDetails.js
index 6323350f8..e0e0659a2 100644
--- a/js/src/modals/CreateAccount/AccountDetails/accountDetails.js
+++ b/js/src/modals/CreateAccount/AccountDetails/accountDetails.js
@@ -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 }));
}
}
diff --git a/js/src/modals/CreateAccount/AccountDetails/recovery-page.ejs b/js/src/modals/CreateAccount/AccountDetails/recovery-page.ejs
index 88966bbb8..200c429e8 100644
--- a/js/src/modals/CreateAccount/AccountDetails/recovery-page.ejs
+++ b/js/src/modals/CreateAccount/AccountDetails/recovery-page.ejs
@@ -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 @@
- Recovery phrase for your Parity account <%= name %>
+ This is your account <%= name %>:
+
+ 
+ <%= address %>
+
+ This is the recovery phrase:
<%= phrase %>