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