m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-23 02:10:12 +01:00
Code

Use UrlIcon instead of Identicon on approve screen (#11048)

Browse Source 
* Use UrlIcon instead of Identicon on approve screen

* Update ui/pages/confirm-approve/confirm-approve-content/confirm-approve-content.component.js

Co-authored-by: Thomas Huang <tmashuang@users.noreply.github.com>

Co-authored-by: Thomas Huang <tmashuang@users.noreply.github.com>
This commit is contained in:
Dan J Miller 2021-05-11 16:25:21 -02:30 committed by GitHub
parent 5cbc71c963
commit 1998af4d41
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
ui/pages/confirm-approve/confirm-approve-content/confirm-approve-content.component.js
View File

@ -1,7 +1,7 @@
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import classnames from 'classnames';
import Identicon from '../../../components/ui/identicon';
import UrlIcon from '../../../components/ui/url-icon';
import { addressSummary } from '../../../helpers/utils/util';
import { formatCurrency } from '../../../helpers/utils/confirm-tx.util';
import { ConfirmPageContainerWarning } from '../../../components/app/confirm-page-container/confirm-page-container-content';
@ -253,11 +253,11 @@ export default class ConfirmApproveContent extends Component {
</div>
)}
<div className="confirm-approve-content__identicon-wrapper">
<Identicon
<UrlIcon
className="confirm-approve-content__identicon"
diameter={48}
address={origin}
image={siteImage}
fallbackClassName="confirm-approve-content__identicon"
name={origin ? new URL(origin).hostname : ''}
url={siteImage}
/>
</div>
<div className="confirm-approve-content__title">

5
ui/pages/confirm-approve/confirm-approve-content/index.scss
View File

@ -15,6 +15,11 @@
padding-right: 24px;
}
&__identicon {
width: 48px;
height: 48px;
}
&__full-tx-content {
display: flex;
flex-flow: column;