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

Use new Copy icon (#8190)

Browse Source 
* Use new Copy icon

* split props to two lines

* Add padding
This commit is contained in:
ricky 2020-03-16 09:44:02 -04:00 committed by GitHub
parent 74b519959b
commit 45efbbecb7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 12 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
app/images/copy-to-clipboard.svg
View File

@ -1,7 +0,0 @@
<svg height="17" width="18" xmlns="http://www.w3.org/2000/svg">
<g fill="none" fill-rule="evenodd">
<path d="M1.745 1h12.022v12H1.745z" stroke="#3098dc" stroke-width="2"/>
<path d="M2.903 2h14.022v14H2.903z" fill="#fff"/>
<path d="M4.981 4h12.022v12H4.981z" stroke="#3098dc" stroke-width="2"/>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 338 B

5
ui/app/components/app/transaction-list-item-details/index.scss
View File

@ -22,11 +22,6 @@
&:not(:last-child) {
margin-right: 8px;
}
&__copy-icon {
width: 10px;
height: 10px;
}
}
&__sender-to-recipient-container {

6
ui/app/components/app/transaction-list-item-details/transaction-list-item-details.component.js
View File

@ -10,6 +10,7 @@ import TransactionActivityLog from '../transaction-activity-log'
import TransactionBreakdown from '../transaction-breakdown'
import Button from '../../ui/button'
import Tooltip from '../../ui/tooltip'
import Copy from '../../ui/icon/copy-icon.component'
export default class TransactionListItemDetails extends PureComponent {
static contextTypes = {
@ -178,10 +179,7 @@ export default class TransactionListItemDetails extends PureComponent {
className="transaction-list-item-details__header-button"
disabled={!hash}
>
<img
className="transaction-list-item-details__header-button__copy-icon"
src="/images/copy-to-clipboard.svg"
/>
<Copy size={10} color="#3098DC" />
</Button>
</Tooltip>
<Tooltip title={blockExplorerUrl ? t('viewOnCustomBlockExplorer', [blockExplorerUrl]) : t('viewOnEtherscan')}>

7
ui/app/pages/settings/contact-list-tab/index.scss
View File

@ -97,9 +97,12 @@
}
&--copy-icon {
padding-left: 4px;
width: 30px;
display: inline-block;
width: 20px;
height: 20px;
padding: 0;
background: none;
padding-left: 10px;
}
}

8
ui/app/pages/settings/contact-list-tab/view-contact/view-contact.component.js
View File

@ -1,6 +1,7 @@
import React, { PureComponent } from 'react'
import PropTypes from 'prop-types'
import Identicon from '../../../../components/ui/identicon'
import Copy from '../../../../components/ui/icon/copy-icon.component'
import Button from '../../../../components/ui/button/button.component'
import copyToClipboard from 'copy-to-clipboard'
@ -55,11 +56,12 @@ export default class ViewContact extends PureComponent {
>
{ quadSplit(checkSummedAddress) }
</div>
<img
<button
className="address-book__view-contact__group__static-address--copy-icon"
onClick={() => copyToClipboard(checkSummedAddress)}
src="/images/copy-to-clipboard.svg"
/>
>
<Copy size={20} color="#3098DC" />
</button>
</div>
</div>
<div className="address-book__view-contact__group">