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) { &:not(:last-child) {
margin-right: 8px; margin-right: 8px;
} }
&__copy-icon {
width: 10px;
height: 10px;
}
} }
&__sender-to-recipient-container { &__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 TransactionBreakdown from '../transaction-breakdown'
import Button from '../../ui/button' import Button from '../../ui/button'
import Tooltip from '../../ui/tooltip' import Tooltip from '../../ui/tooltip'
import Copy from '../../ui/icon/copy-icon.component'
export default class TransactionListItemDetails extends PureComponent { export default class TransactionListItemDetails extends PureComponent {
static contextTypes = { static contextTypes = {
@ -178,10 +179,7 @@ export default class TransactionListItemDetails extends PureComponent {
className="transaction-list-item-details__header-button" className="transaction-list-item-details__header-button"
disabled={!hash} disabled={!hash}
> >
<img <Copy size={10} color="#3098DC" />
className="transaction-list-item-details__header-button__copy-icon"
src="/images/copy-to-clipboard.svg"
/>
</Button> </Button>
</Tooltip> </Tooltip>
<Tooltip title={blockExplorerUrl ? t('viewOnCustomBlockExplorer', [blockExplorerUrl]) : t('viewOnEtherscan')}> <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 { &--copy-icon {
padding-left: 4px; display: inline-block;
width: 30px; width: 20px;
height: 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 React, { PureComponent } from 'react'
import PropTypes from 'prop-types' import PropTypes from 'prop-types'
import Identicon from '../../../../components/ui/identicon' import Identicon from '../../../../components/ui/identicon'
import Copy from '../../../../components/ui/icon/copy-icon.component'
import Button from '../../../../components/ui/button/button.component' import Button from '../../../../components/ui/button/button.component'
import copyToClipboard from 'copy-to-clipboard' import copyToClipboard from 'copy-to-clipboard'
@ -55,11 +56,12 @@ export default class ViewContact extends PureComponent {
> >
{ quadSplit(checkSummedAddress) } { quadSplit(checkSummedAddress) }
</div> </div>
<img <button
className="address-book__view-contact__group__static-address--copy-icon" className="address-book__view-contact__group__static-address--copy-icon"
onClick={() => copyToClipboard(checkSummedAddress)} onClick={() => copyToClipboard(checkSummedAddress)}
src="/images/copy-to-clipboard.svg" >
/> <Copy size={20} color="#3098DC" />
</button>
</div> </div>
</div> </div>
<div className="address-book__view-contact__group"> <div className="address-book__view-contact__group">