From cf85d1978f07a11c332171d01f4acb562daba2e1 Mon Sep 17 00:00:00 2001 From: Jannis R Date: Wed, 30 Nov 2016 20:10:29 +0100 Subject: [PATCH] recovery page: add ItendityIcon --- .../AccountDetails/accountDetails.js | 7 +++++-- .../AccountDetails/recovery-page.ejs | 18 ++++++++++++++---- 2 files changed, 19 insertions(+), 6 deletions(-) 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 %>:

+
+ symbol for the address of the account +
<%= address %>
+
+

This is the recovery phrase:

<%= phrase %>