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

Merge pull request #9853 from darkwing/image-updates

Browse Source 
Provide alternative text for images where appropriate
This commit is contained in:
David Walsh 2020-11-13 13:44:55 -06:00 committed by GitHub
commit ed19ce44bd
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
39 changed files with 80 additions and 49 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app/_locales/en/messages.json
View File

@ -43,6 +43,9 @@
"activityLog": { "activityLog": {
"message": "activity log" "message": "activity log"
}, },
"addAccount": {
"message": "Add an account"
},
"addAcquiredTokens": { "addAcquiredTokens": {
"message": "Add the tokens you've acquired using MetaMask" "message": "Add the tokens you've acquired using MetaMask"
}, },
@ -1358,6 +1361,9 @@
"scanQrCode": { "scanQrCode": {
"message": "Scan QR Code" "message": "Scan QR Code"
}, },
"scrollDown": {
"message": "Scroll down"
},
"search": { "search": {
"message": "Search" "message": "Search"
}, },

4
app/notification.html
View File

@ -29,8 +29,8 @@
</head> </head>
<body class="notification"> <body class="notification">
<div id="app-content"> <div id="app-content">
<img id="loading__logo" src="./images/logo/metamask-fox.svg" /> <img id="loading__logo" src="./images/logo/metamask-fox.svg" alt="" />
<img id="loading__spinner" src="./images/spinner.gif" /> <img id="loading__spinner" src="./images/spinner.gif" alt="" />
</div> </div>
<div id="popover-content"></div> <div id="popover-content"></div>
<script src="./ui-libs.js" type="text/javascript" charset="utf-8"></script> <script src="./ui-libs.js" type="text/javascript" charset="utf-8"></script>

33
ui/app/components/app/account-menu/account-menu.component.js
View File

@ -278,22 +278,22 @@ export default class AccountMenu extends Component {
} }
renderScrollButton() { renderScrollButton() {
const { shouldShowScrollButton } = this.state if (!this.state.shouldShowScrollButton) {
return null
}
return ( return (
shouldShowScrollButton && ( <div
<div className="account-menu__scroll-button"
className="account-menu__scroll-button" onClick={this.handleScrollDown}
onClick={this.handleScrollDown} >
> <img
<img src="./images/icons/down-arrow.svg"
src="./images/icons/down-arrow.svg" width="28"
width={28} height="28"
height={28} alt={this.context.t('scrollDown')}
alt="scroll down" />
/> </div>
</div>
)
) )
} }
@ -357,6 +357,7 @@ export default class AccountMenu extends Component {
<img <img
className="account-menu__item-icon" className="account-menu__item-icon"
src="images/plus-btn-white.svg" src="images/plus-btn-white.svg"
alt={t('createAccount')}
/> />
} }
text={t('createAccount')} text={t('createAccount')}
@ -377,6 +378,7 @@ export default class AccountMenu extends Component {
<img <img
className="account-menu__item-icon" className="account-menu__item-icon"
src="images/import-account.svg" src="images/import-account.svg"
alt={t('importAccount')}
/> />
} }
text={t('importAccount')} text={t('importAccount')}
@ -401,6 +403,7 @@ export default class AccountMenu extends Component {
<img <img
className="account-menu__item-icon" className="account-menu__item-icon"
src="images/connect-icon.svg" src="images/connect-icon.svg"
alt={t('connectHardwareWallet')}
/> />
} }
text={t('connectHardwareWallet')} text={t('connectHardwareWallet')}
@ -411,7 +414,7 @@ export default class AccountMenu extends Component {
toggleAccountMenu() toggleAccountMenu()
history.push(ABOUT_US_ROUTE) history.push(ABOUT_US_ROUTE)
}} }}
icon={<img src="images/mm-info-icon.svg" />} icon={<img src="images/mm-info-icon.svg" alt={t('infoHelp')} />}
text={t('infoHelp')} text={t('infoHelp')}
/> />
<AccountMenuItem <AccountMenuItem

1
ui/app/components/app/confirm-page-container/confirm-page-container-content/confirm-page-container-warning/confirm-page-container-warning.component.js
View File

@ -7,6 +7,7 @@ const ConfirmPageContainerWarning = (props) => {
<img <img
className="confirm-page-container-warning__icon" className="confirm-page-container-warning__icon"
src="/images/alert.svg" src="/images/alert.svg"
alt=""
/> />
<div className="confirm-page-container-warning__warning"> <div className="confirm-page-container-warning__warning">
{props.warning} {props.warning}

2
ui/app/components/app/confirm-page-container/confirm-page-container-header/confirm-page-container-header.component.js
View File

@ -47,7 +47,7 @@ export default function ConfirmPageContainerHeader({
visibility: showEdit ? 'initial' : 'hidden', visibility: showEdit ? 'initial' : 'hidden',
}} }}
> >
<img src="/images/caret-left.svg" /> <img src="/images/caret-left.svg" alt="" />
<span <span
className="confirm-page-container-header__back-button" className="confirm-page-container-header__back-button"
onClick={() => onEdit()} onClick={() => onEdit()}

6
ui/app/components/app/confirm-page-container/confirm-page-container-navigation/confirm-page-container-navigation.component.js
View File

@ -33,14 +33,14 @@ const ConfirmPageContainerNavigation = (props) => {
data-testid="first-page" data-testid="first-page"
onClick={() => onNextTx(firstTx)} onClick={() => onNextTx(firstTx)}
> >
<img src="/images/double-arrow.svg" /> <img src="/images/double-arrow.svg" alt="" />
</div> </div>
<div <div
className="confirm-page-container-navigation__arrow" className="confirm-page-container-navigation__arrow"
data-testid="previous-page" data-testid="previous-page"
onClick={() => onNextTx(prevTxId)} onClick={() => onNextTx(prevTxId)}
> >
<img src="/images/single-arrow.svg" /> <img src="/images/single-arrow.svg" alt="" />
</div> </div>
</div> </div>
<div className="confirm-page-container-navigation__textcontainer"> <div className="confirm-page-container-navigation__textcontainer">
@ -65,6 +65,7 @@ const ConfirmPageContainerNavigation = (props) => {
<img <img
className="confirm-page-container-navigation__imageflip" className="confirm-page-container-navigation__imageflip"
src="/images/single-arrow.svg" src="/images/single-arrow.svg"
alt=""
/> />
</div> </div>
<div <div
@ -75,6 +76,7 @@ const ConfirmPageContainerNavigation = (props) => {
<img <img
className="confirm-page-container-navigation__imageflip" className="confirm-page-container-navigation__imageflip"
src="/images/double-arrow.svg" src="/images/double-arrow.svg"
alt=""
/> />
</div> </div>
</div> </div>

5
ui/app/components/app/modals/confirm-remove-account/confirm-remove-account.component.js
View File

@ -54,7 +54,10 @@ export default class ConfirmRemoveAccount extends Component {
rel="noopener noreferrer" rel="noopener noreferrer"
title={this.context.t('etherscanView')} title={this.context.t('etherscanView')}
> >
<img src="images/popout.svg" /> <img
src="images/popout.svg"
alt={this.context.t('etherscanView')}
/>
</a> </a>
</div> </div>
</div> </div>

2
ui/app/components/app/modals/metametrics-opt-in-modal/metametrics-opt-in-modal.component.js
View File

@ -24,7 +24,7 @@ export default class MetaMetricsOptInModal extends Component {
<div className="metametrics-opt-in__content"> <div className="metametrics-opt-in__content">
<MetaFoxLogo /> <MetaFoxLogo />
<div className="metametrics-opt-in__body-graphic"> <div className="metametrics-opt-in__body-graphic">
<img src="images/metrics-chart.svg" /> <img src="images/metrics-chart.svg" alt="" />
</div> </div>
<div className="metametrics-opt-in__title"> <div className="metametrics-opt-in__title">
Help Us Improve MetaMask Help Us Improve MetaMask

2
ui/app/components/app/modals/qr-scanner/qr-scanner.component.js
View File

@ -210,7 +210,7 @@ export default class QrScanner extends Component {
return ( return (
<> <>
<div className="qr-scanner__image"> <div className="qr-scanner__image">
<img src="images/webcam.svg" width={70} height={70} /> <img src="images/webcam.svg" width="70" height="70" alt="" />
</div> </div>
{title ? <div className="qr-scanner__title">{title}</div> : null} {title ? <div className="qr-scanner__title">{title}</div> : null}
<div className="qr-scanner__error">{msg}</div> <div className="qr-scanner__error">{msg}</div>

2
ui/app/components/app/modals/transaction-confirmed/transaction-confirmed.component.js
View File

@ -28,7 +28,7 @@ export default class TransactionConfirmed extends PureComponent {
return ( return (
<Modal onSubmit={this.handleSubmit} submitText={t('ok')}> <Modal onSubmit={this.handleSubmit} submitText={t('ok')}>
<div className="transaction-confirmed__content"> <div className="transaction-confirmed__content">
<img src="images/check-icon.svg" /> <img src="images/check-icon.svg" alt="" />
<div className="transaction-confirmed__title"> <div className="transaction-confirmed__title">
{`${t('confirmed')}!`} {`${t('confirmed')}!`}
</div> </div>

2
ui/app/components/app/network.js
View File

@ -173,7 +173,7 @@ export default class Network extends Component {
<img <img
title={t('attemptingConnect')} title={t('attemptingConnect')}
src="images/loading.svg" src="images/loading.svg"
alt="" alt={t('attemptingConnect')}
/> />
</span> </span>
) : ( ) : (

2
ui/app/components/app/transaction-activity-log/transaction-activity-log-icon/transaction-activity-log-icon.component.js
View File

@ -40,7 +40,7 @@ export default class TransactionActivityLogIcon extends PureComponent {
return ( return (
<div className={classnames('transaction-activity-log-icon', className)}> <div className={classnames('transaction-activity-log-icon', className)}>
{imagePath && <img src={imagePath} height={9} width={9} />} {imagePath && <img src={imagePath} height="9" width="9" alt="" />}
</div> </div>
) )
} }

2
ui/app/components/app/transaction-list-item-details/transaction-list-item-details.component.js
View File

@ -206,7 +206,7 @@ export default class TransactionListItemDetails extends PureComponent {
onClick={this.handleEtherscanClick} onClick={this.handleEtherscanClick}
disabled={!hash} disabled={!hash}
> >
<img src="/images/arrow-popout.svg" /> <img src="/images/arrow-popout.svg" alt="" />
</Button> </Button>
</Tooltip> </Tooltip>
{showRetry && ( {showRetry && (

2
ui/app/components/app/user-preferenced-currency-display/user-preferenced-currency-display.component.js
View File

@ -23,7 +23,7 @@ export default function UserPreferencedCurrencyDisplay({
const prefixComponent = useMemo(() => { const prefixComponent = useMemo(() => {
return ( return (
currency === ETH && currency === ETH &&
showEthLogo && <img src="/images/eth.svg" height={ethLogoHeight} /> showEthLogo && <img src="/images/eth.svg" height={ethLogoHeight} alt="" />
) )
}, [currency, showEthLogo, ethLogoHeight]) }, [currency, showEthLogo, ethLogoHeight])

1
ui/app/components/ui/circle-icon/circle-icon.component.js
View File

@ -40,6 +40,7 @@ export default class CircleIcon extends PureComponent {
height: iconSize, height: iconSize,
width: iconSize, width: iconSize,
}} }}
alt=""
/> />
</div> </div>
) )

2
ui/app/components/ui/error-message/error-message.component.js
View File

@ -7,7 +7,7 @@ const ErrorMessage = (props, context) => {
return ( return (
<div className="error-message"> <div className="error-message">
<img src="/images/alert-red.svg" className="error-message__icon" /> <img src="/images/alert-red.svg" alt="" className="error-message__icon" />
<div className="error-message__text">{`ALERT: ${error}`}</div> <div className="error-message__text">{`ALERT: ${error}`}</div>
</div> </div>
) )

1
ui/app/components/ui/icon-with-fallback/icon-with-fallback.component.js
View File

@ -30,6 +30,7 @@ export default class IconWithFallback extends PureComponent {
src={icon} src={icon}
style={style} style={style}
className={className} className={className}
alt=""
/> />
) : ( ) : (
<i <i

2
ui/app/components/ui/identicon/blockieIdenticon/blockieIdenticon.component.js
View File

@ -19,7 +19,7 @@ const BlockieIdenticon = ({ address, diameter }) => {
return ( return (
<> <>
<canvas ref={canvasRef} style={{ display: 'none' }} /> <canvas ref={canvasRef} style={{ display: 'none' }} />
<img src={dataUrl} height={diameter} width={diameter} /> <img src={dataUrl} height={diameter} width={diameter} alt="" />
</> </>
) )
} }

2
ui/app/components/ui/identicon/identicon.component.js
View File

@ -40,6 +40,7 @@ export default class Identicon extends PureComponent {
className={classnames('identicon', className)} className={classnames('identicon', className)}
src={image} src={image}
style={getStyles(diameter)} style={getStyles(diameter)}
alt=""
/> />
) )
} }
@ -108,6 +109,7 @@ export default class Identicon extends PureComponent {
className={classnames('identicon__eth-logo', className)} className={classnames('identicon__eth-logo', className)}
src="./images/eth_logo.svg" src="./images/eth_logo.svg"
style={getStyles(diameter)} style={getStyles(diameter)}
alt=""
/> />
) )
} }

2
ui/app/components/ui/info-tooltip/info-tooltip.js
View File

@ -32,7 +32,7 @@ export default function InfoTooltip({
html={contentText} html={contentText}
theme={wide ? 'tippy-tooltip-wideInfo' : 'tippy-tooltip-info'} theme={wide ? 'tippy-tooltip-wideInfo' : 'tippy-tooltip-info'}
> >
<img src="images/mm-info-icon.svg" /> <img src="images/mm-info-icon.svg" alt="" />
</Tooltip> </Tooltip>
</div> </div>
) )

4
ui/app/components/ui/metafox-logo/metafox-logo.component.js
View File

@ -24,12 +24,13 @@ export default class MetaFoxLogo extends PureComponent {
})} })}
> >
<img <img
height={30} height="30"
src="/images/logo/metamask-logo-horizontal.svg" src="/images/logo/metamask-logo-horizontal.svg"
className={classnames( className={classnames(
'app-header__metafox-logo', 'app-header__metafox-logo',
'app-header__metafox-logo--horizontal', 'app-header__metafox-logo--horizontal',
)} )}
alt=""
/> />
<img <img
{...iconProps} {...iconProps}
@ -38,6 +39,7 @@ export default class MetaFoxLogo extends PureComponent {
'app-header__metafox-logo', 'app-header__metafox-logo',
'app-header__metafox-logo--icon', 'app-header__metafox-logo--icon',
)} )}
alt=""
/> />
</div> </div>
) )

4
ui/app/components/ui/sender-to-recipient/sender-to-recipient.component.js
View File

@ -174,12 +174,12 @@ function Arrow({ variant }) {
return variant === DEFAULT_VARIANT ? ( return variant === DEFAULT_VARIANT ? (
<div className="sender-to-recipient__arrow-container"> <div className="sender-to-recipient__arrow-container">
<div className="sender-to-recipient__arrow-circle"> <div className="sender-to-recipient__arrow-circle">
<img height={15} width={15} src="./images/arrow-right.svg" /> <img height="15" width="15" src="./images/arrow-right.svg" alt="" />
</div> </div>
</div> </div>
) : ( ) : (
<div className="sender-to-recipient__arrow-container"> <div className="sender-to-recipient__arrow-container">
<img height={20} src="./images/caret-right.svg" /> <img height="20" src="./images/caret-right.svg" alt="" />
</div> </div>
) )
} }

2
ui/app/pages/add-token/token-list/token-list-placeholder/token-list-placeholder.component.js
View File

@ -10,7 +10,7 @@ export default class TokenListPlaceholder extends Component {
render() { render() {
return ( return (
<div className="token-list-placeholder"> <div className="token-list-placeholder">
<img src="images/tokensearch.svg" /> <img src="images/tokensearch.svg" alt="" width="65" height="58" />
<div className="token-list-placeholder__text"> <div className="token-list-placeholder__text">
{this.context.t('addAcquiredTokens')} {this.context.t('addAcquiredTokens')}
</div> </div>

2
ui/app/pages/add-token/token-search/token-search.component.js
View File

@ -53,7 +53,7 @@ export default class TokenSearch extends Component {
renderAdornment() { renderAdornment() {
return ( return (
<InputAdornment position="start" style={{ marginRight: '12px' }}> <InputAdornment position="start" style={{ marginRight: '12px' }}>
<img src="images/search.svg" width="17" height="17" /> <img src="images/search.svg" width="17" height="17" alt="" />
</InputAdornment> </InputAdornment>
) )
} }

2
ui/app/pages/confirm-approve/confirm-approve-content/confirm-approve-content.component.js
View File

@ -236,7 +236,7 @@ export default class ConfirmApproveContent extends Component {
<div className="confirm-approve-content__full-tx-content"> <div className="confirm-approve-content__full-tx-content">
<div className="confirm-approve-content__permission"> <div className="confirm-approve-content__permission">
{this.renderApproveContentCard({ {this.renderApproveContentCard({
symbol: <img src="/images/user-check.svg" />, symbol: <img src="/images/user-check.svg" alt="" />,
title: 'Permission', title: 'Permission',
content: this.renderPermissionContent(), content: this.renderPermissionContent(),
showEdit: true, showEdit: true,

3
ui/app/pages/confirm-decrypt-message/confirm-decrypt-message.component.js
View File

@ -195,6 +195,7 @@ export default class ConfirmDecryptMessage extends Component {
<img <img
className="request-decrypt-message__visual-identicon" className="request-decrypt-message__visual-identicon"
src={origin.icon} src={origin.icon}
alt=""
/> />
) : ( ) : (
<i className="request-decrypt-message__visual-identicon--default"> <i className="request-decrypt-message__visual-identicon--default">
@ -240,7 +241,7 @@ export default class ConfirmDecryptMessage extends Component {
}) })
}} }}
> >
<img src="images/lock.svg" /> <img src="images/lock.svg" alt="" />
<div className="request-decrypt-message__message-lock-text"> <div className="request-decrypt-message__message-lock-text">
{t('decryptMetamask')} {t('decryptMetamask')}
</div> </div>

1
ui/app/pages/confirm-encryption-public-key/confirm-encryption-public-key.component.js
View File

@ -170,6 +170,7 @@ export default class ConfirmEncryptionPublicKey extends Component {
<img <img
className="request-encryption-public-key__visual-identicon" className="request-encryption-public-key__visual-identicon"
src={origin.icon} src={origin.icon}
alt=""
/> />
) : ( ) : (
<i className="request-encryption-public-key__visual-identicon--default"> <i className="request-encryption-public-key__visual-identicon--default">

2
ui/app/pages/confirm-token-transaction-base/confirm-token-transaction-base.component.js
View File

@ -86,7 +86,7 @@ export default function ConfirmTokenTransactionBase({
primaryTotalTextOverride={ primaryTotalTextOverride={
<div> <div>
<span>{`${tokensText} + `}</span> <span>{`${tokensText} + `}</span>
<img src="/images/eth.svg" height="18" /> <img src="/images/eth.svg" height="18" alt="" />
<span>{ethTransactionTotal}</span> <span>{ethTransactionTotal}</span>
</div> </div>
} }

4
ui/app/pages/create-account/connect-hardware/select-hardware.js
View File

@ -35,7 +35,7 @@ export default class SelectHardware extends Component {
<img <img
className="hw-connect__btn__img" className="hw-connect__btn__img"
src="images/trezor-logo.svg" src="images/trezor-logo.svg"
alt="" alt="Trezor"
/> />
</button> </button>
) )
@ -52,7 +52,7 @@ export default class SelectHardware extends Component {
<img <img
className="hw-connect__btn__img" className="hw-connect__btn__img"
src="images/ledger-logo.svg" src="images/ledger-logo.svg"
alt="" alt="Ledger"
/> />
</button> </button>
) )

2
ui/app/pages/first-time-flow/create-password/unique-image/unique-image.component.js
View File

@ -19,7 +19,7 @@ export default class UniqueImageScreen extends PureComponent {
return ( return (
<div> <div>
<img src="/images/sleuth.svg" height={42} width={42} /> <img src="/images/sleuth.svg" height="42" width="42" alt="" />
<div className="first-time-flow__header">{t('protectYourKeys')}</div> <div className="first-time-flow__header">{t('protectYourKeys')}</div>
<div className="first-time-flow__text-block"> <div className="first-time-flow__text-block">
{t('protectYourKeysMessage1')} {t('protectYourKeysMessage1')}

2
ui/app/pages/first-time-flow/metametrics-opt-in/metametrics-opt-in.component.js
View File

@ -32,7 +32,7 @@ export default class MetaMetricsOptIn extends Component {
<div className="metametrics-opt-in__main"> <div className="metametrics-opt-in__main">
<MetaFoxLogo /> <MetaFoxLogo />
<div className="metametrics-opt-in__body-graphic"> <div className="metametrics-opt-in__body-graphic">
<img src="images/metrics-chart.svg" /> <img src="images/metrics-chart.svg" alt="" />
</div> </div>
<div className="metametrics-opt-in__title"> <div className="metametrics-opt-in__title">
{t('metametricsHelpImproveMetaMask')} {t('metametricsHelpImproveMetaMask')}

4
ui/app/pages/first-time-flow/select-action/select-action.component.js
View File

@ -50,7 +50,7 @@ export default class SelectAction extends PureComponent {
<div className="select-action__select-button"> <div className="select-action__select-button">
<div className="select-action__button-content"> <div className="select-action__button-content">
<div className="select-action__button-symbol"> <div className="select-action__button-symbol">
<img src="/images/download-alt.svg" /> <img src="/images/download-alt.svg" alt="" />
</div> </div>
<div className="select-action__button-text-big"> <div className="select-action__button-text-big">
{t('noAlreadyHaveSeed')} {t('noAlreadyHaveSeed')}
@ -70,7 +70,7 @@ export default class SelectAction extends PureComponent {
<div className="select-action__select-button"> <div className="select-action__select-button">
<div className="select-action__button-content"> <div className="select-action__button-content">
<div className="select-action__button-symbol"> <div className="select-action__button-symbol">
<img src="/images/thin-plus.svg" /> <img src="/images/thin-plus.svg" alt="" />
</div> </div>
<div className="select-action__button-text-big"> <div className="select-action__button-text-big">
{t('letsGoSetUp')} {t('letsGoSetUp')}

2
ui/app/pages/settings/contact-list-tab/contact-list-tab.component.js
View File

@ -49,6 +49,7 @@ export default class ContactListTab extends Component {
renderAddButton() { renderAddButton() {
const { history } = this.props const { history } = this.props
return ( return (
<div <div
className="address-book-add-button__button" className="address-book-add-button__button"
@ -59,6 +60,7 @@ export default class ContactListTab extends Component {
<img <img
className="account-menu__item-icon" className="account-menu__item-icon"
src="images/plus-btn-white.svg" src="images/plus-btn-white.svg"
alt={this.context.t('addAccount')}
/> />
</div> </div>
) )

6
ui/app/pages/settings/info-tab/info-tab.component.js
View File

@ -96,7 +96,11 @@ export default class InfoTab extends PureComponent {
<div className="settings-page__content-row"> <div className="settings-page__content-row">
<div className="settings-page__content-item settings-page__content-item--without-height"> <div className="settings-page__content-item settings-page__content-item--without-height">
<div className="info-tab__logo-wrapper"> <div className="info-tab__logo-wrapper">
<img src="images/info-logo.png" className="info-tab__logo" /> <img
src="images/info-logo.png"
className="info-tab__logo"
alt=""
/>
</div> </div>
<div className="info-tab__item"> <div className="info-tab__item">
<div className="info-tab__version-header"> <div className="info-tab__version-header">

2
ui/app/pages/swaps/intro-popup/intro-popup.js
View File

@ -64,7 +64,7 @@ export default function IntroPopup({ onClose }) {
{t('swapIntroLiquiditySourcesLabel')} {t('swapIntroLiquiditySourcesLabel')}
</div> </div>
<div className="intro-popup__source-logo-container"> <div className="intro-popup__source-logo-container">
<img src="images/source-logos-all.svg" /> <img src="images/source-logos-all.svg" alt="" />
</div> </div>
<div className="intro-popup__learn-more-header"> <div className="intro-popup__learn-more-header">
{t('swapIntroLearnMoreHeader')} {t('swapIntroLearnMoreHeader')}

2
ui/app/pages/swaps/loading-swaps-quotes/aggregator-logo.js
View File

@ -19,7 +19,7 @@ export default function AggregatorLogo({ icon, color }) {
boxShadow: `0px 4px 20px ${hexToRGB(color, 0.25)}`, boxShadow: `0px 4px 20px ${hexToRGB(color, 0.25)}`,
}} }}
> >
<img src={icon} /> <img src={icon} alt="" />
</div> </div>
</div> </div>
) )

1
ui/app/pages/swaps/main-quote-summary/main-quote-summary.js
View File

@ -74,6 +74,7 @@ export default function MainQuoteSummary({
<img <img
className="main-quote-summary__down-arrow" className="main-quote-summary__down-arrow"
src="images/down-arrow-grey.svg" src="images/down-arrow-grey.svg"
alt=""
/> />
<div className="main-quote-summary__destination-row"> <div className="main-quote-summary__destination-row">
<UrlIcon <UrlIcon

2
ui/app/pages/swaps/searchable-item-list/list-item-search/list-item-search.component.js
View File

@ -7,7 +7,7 @@ import { usePrevious } from '../../../../hooks/usePrevious'
const renderAdornment = () => ( const renderAdornment = () => (
<InputAdornment position="start" style={{ marginRight: '12px' }}> <InputAdornment position="start" style={{ marginRight: '12px' }}>
<img src="images/search.svg" width="17" height="17" /> <img src="images/search.svg" width="17" height="17" alt="" />
</InputAdornment> </InputAdornment>
) )

1
ui/app/pages/swaps/select-quote-popover/quote-details/quote-details.js
View File

@ -82,6 +82,7 @@ const QuoteDetails = ({
<img <img
src="/images/logo/metamask-fox.svg" src="/images/logo/metamask-fox.svg"
className="quote-details__metafox-logo" className="quote-details__metafox-logo"
alt=""
/> />
{t('swapMetaMaskFee')} {t('swapMetaMaskFee')}
</div> </div>