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