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

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

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

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