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

UX: Icons: Remove usage of pencil icon (#17676)

Browse Source
This commit is contained in:
David Walsh 2023-02-10 19:32:44 -06:00 committed by GitHub
parent 3b8ea38978
commit e723de3208
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
ui/components/ui/editable-label/editable-label.js
View File

@ -1,7 +1,9 @@
import classnames from 'classnames';
import PropTypes from 'prop-types';
import React, { Component } from 'react';
import { Color } from '../../../helpers/constants/design-system';
import { getAccountNameErrorMessage } from '../../../helpers/utils/accounts';
import { ButtonIcon, ICON_NAMES } from '../../component-library';
export default class EditableLabel extends Component {
static propTypes = {
@ -73,13 +75,13 @@ export default class EditableLabel extends Component {
return (
<div className={classnames('editable-label', this.props.className)}>
<div className="editable-label__value">{this.state.value}</div>
<button
className="editable-label__icon-button"
<ButtonIcon
iconName={ICON_NAMES.EDIT}
ariaLabel={this.context.t('edit')}
data-testid="editable-label-button"
onClick={() => this.setState({ isEditing: true })}
>
<i className="fas fa-pencil-alt editable-label__icon" />
</button>
color={Color.iconDefault}
/>
</div>
);
}

6
ui/components/ui/editable-label/index.scss
View File

@ -29,12 +29,6 @@
&__icon-button {
margin-left: 10px;
left: 100%;
background: unset;
}
&__icon {
cursor: pointer;
color: var(--color-icon-default);
}
&__error {