recovery page: add Parity logo
This commit is contained in:
		
							parent
							
								
									cf85d1978f
								
							
						
					
					
						commit
						e43457a6ce
					
				@ -23,6 +23,7 @@ import Button from '../../../ui/Button';
 | 
				
			|||||||
import { createIdentityImg } from '../../../api/util/identity';
 | 
					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';
 | 
				
			||||||
 | 
					import ParityLogo from '../../../../assets/images/parity-logo-black-no-text.svg';
 | 
				
			||||||
 | 
					
 | 
				
			||||||
export default class AccountDetails extends Component {
 | 
					export default class AccountDetails extends Component {
 | 
				
			||||||
  static propTypes = {
 | 
					  static propTypes = {
 | 
				
			||||||
@ -89,6 +90,6 @@ export default class AccountDetails extends Component {
 | 
				
			|||||||
    const { address, phrase, name } = this.props;
 | 
					    const { address, phrase, name } = this.props;
 | 
				
			||||||
    const identity = createIdentityImg(address);
 | 
					    const identity = createIdentityImg(address);
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    print(recoveryPage({ phrase, name, identity, address }));
 | 
					    print(recoveryPage({ phrase, name, identity, address, logo: ParityLogo }));
 | 
				
			||||||
  }
 | 
					  }
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
				
			|||||||
@ -54,8 +54,10 @@ export default (html) => {
 | 
				
			|||||||
  setTimeout(() => {
 | 
					  setTimeout(() => {
 | 
				
			||||||
    iframe.contentDocument.write(html);
 | 
					    iframe.contentDocument.write(html);
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    setTimeout(() => {
 | 
				
			||||||
      onPrint(iframe.contentWindow, teardown);
 | 
					      onPrint(iframe.contentWindow, teardown);
 | 
				
			||||||
      iframe.contentWindow.focus();
 | 
					      iframe.contentWindow.focus();
 | 
				
			||||||
      iframe.contentWindow.print();
 | 
					      iframe.contentWindow.print();
 | 
				
			||||||
 | 
					    }, 20);
 | 
				
			||||||
  }, 0);
 | 
					  }, 0);
 | 
				
			||||||
};
 | 
					};
 | 
				
			||||||
 | 
				
			|||||||
@ -7,7 +7,7 @@
 | 
				
			|||||||
    <meta name="viewport" content="width=device-width">
 | 
					    <meta name="viewport" content="width=device-width">
 | 
				
			||||||
    <style>
 | 
					    <style>
 | 
				
			||||||
      body {
 | 
					      body {
 | 
				
			||||||
        margin: 3em auto;
 | 
					        margin: 2em auto;
 | 
				
			||||||
        max-width: 30em;
 | 
					        max-width: 30em;
 | 
				
			||||||
        padding: 1em;
 | 
					        padding: 1em;
 | 
				
			||||||
        text-align: center;
 | 
					        text-align: center;
 | 
				
			||||||
@ -15,6 +15,10 @@
 | 
				
			|||||||
        font-family: sans-serif;
 | 
					        font-family: sans-serif;
 | 
				
			||||||
        font-weight: 300;
 | 
					        font-weight: 300;
 | 
				
			||||||
      }
 | 
					      }
 | 
				
			||||||
 | 
					      #logo {
 | 
				
			||||||
 | 
					        max-width: 4rem;
 | 
				
			||||||
 | 
					        margin-bottom: 3rem;
 | 
				
			||||||
 | 
					      }
 | 
				
			||||||
      p {
 | 
					      p {
 | 
				
			||||||
        margin-bottom: 1rem;
 | 
					        margin-bottom: 1rem;
 | 
				
			||||||
      }
 | 
					      }
 | 
				
			||||||
@ -33,9 +37,10 @@
 | 
				
			|||||||
    </style>
 | 
					    </style>
 | 
				
			||||||
  </head>
 | 
					  </head>
 | 
				
			||||||
  <body>
 | 
					  <body>
 | 
				
			||||||
 | 
					    <img id="logo" src="<%= logo %>" alt="Parity Logo" />
 | 
				
			||||||
    <p>This is your account <em><%= name %></em>:</p>
 | 
					    <p>This is your account <em><%= name %></em>:</p>
 | 
				
			||||||
    <figure class="address">
 | 
					    <figure class="address">
 | 
				
			||||||
      <img src="<%= identity %>" alt="symbol for the address of the account">
 | 
					      <img src="<%= identity %>" alt="symbol for the address of the account" />
 | 
				
			||||||
      <figcaption><code><%= address %></code></figcaption>
 | 
					      <figcaption><code><%= address %></code></figcaption>
 | 
				
			||||||
    </figure>
 | 
					    </figure>
 | 
				
			||||||
    <p>This is the recovery phrase:</p>
 | 
					    <p>This is the recovery phrase:</p>
 | 
				
			||||||
 | 
				
			|||||||
		Loading…
	
		Reference in New Issue
	
	Block a user