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

New Icons: Replace instance of fa-qr-code icon (#17474)

Browse Source 
* New Icons: Replace instance of fa-qr-code icon

* Update ui/pages/send/send-content/add-recipient/domain-input.component.js

Co-authored-by: George Marshall <george.marshall@consensys.net>

---------

Co-authored-by: George Marshall <george.marshall@consensys.net>
This commit is contained in:
David Walsh 2023-01-31 08:47:23 -06:00 committed by GitHub
parent edb2c9ea00
commit d057410762
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 12 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -8,6 +8,11 @@ import {
isBurnAddress,
isValidHexAddress,
} from '../../../../../shared/modules/hexstring-utils';
import {
ButtonIcon,
ICON_NAMES,
} from '../../../../components/component-library';
import { COLORS } from '../../../../helpers/constants/design-system';
export default class DomainInput extends Component {
static contextTypes = {
@ -147,7 +152,7 @@ export default class DomainInput extends Component {
autoFocus
data-testid="ens-input"
/>
<button
<ButtonIcon
className="ens-input__wrapper__action-icon-button"
onClick={() => {
if (userInput) {
@ -156,20 +161,12 @@ export default class DomainInput extends Component {
this.props.scanQrCode();
}
}}
>
<i
className={classnames('fa', {
'fa-times': userInput,
'fa-qrcode': !userInput,
})}
title={t(userInput ? 'close' : 'scanQrCode')}
style={{
color: userInput
? 'var(--color-icon-default)'
: 'var(--color-primary-default)',
}}
/>
</button>
iconName={
userInput ? ICON_NAMES.CLOSE : ICON_NAMES.SCAN_BARCODE
}
ariaLabel={t(userInput ? 'close' : 'scanQrCode')}
color={userInput ? COLORS.ICON_DEFAULT : COLORS.PRIMARY_DEFAULT}
/>
</>
)}
</div>