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: Update fa-search icon (#17527)

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

24
ui/pages/send/send-content/add-recipient/domain-input.component.js
View File

@ -10,6 +10,7 @@ import {
} from '../../../../../shared/modules/hexstring-utils'; } from '../../../../../shared/modules/hexstring-utils';
import { import {
ButtonIcon, ButtonIcon,
Icon,
ICON_NAMES, ICON_NAMES,
} from '../../../../components/component-library'; } from '../../../../components/component-library';
import { IconColor } from '../../../../helpers/constants/design-system'; import { IconColor } from '../../../../helpers/constants/design-system';
@ -102,17 +103,18 @@ export default class DomainInput extends Component {
'ens-input__wrapper--valid': hasSelectedAddress, 'ens-input__wrapper--valid': hasSelectedAddress,
})} })}
> >
<i {hasSelectedAddress ? (
className={classnames('ens-input__wrapper__status-icon', 'fa', { <i
'fa-check-circle': hasSelectedAddress, className="ens-input__wrapper__status-icon fa fa-check-circle"
'fa-search': !hasSelectedAddress, style={{ color: 'var(--color-success-default)' }}
})} />
style={{ ) : (
color: hasSelectedAddress <Icon
? 'var(--color-success-default)' name={ICON_NAMES.SEARCH}
: 'var(--color-icon-muted)', color={IconColor.iconMuted}
}} className="ens-input__wrapper__status-icon"
/> />
)}
{hasSelectedAddress ? ( {hasSelectedAddress ? (
<> <>
<div className="ens-input__wrapper__input ens-input__wrapper__input--selected"> <div className="ens-input__wrapper__input ens-input__wrapper__input--selected">