Steve-Dee-Designs
/
woocommerce
mirror of https://github.com/woocommerce/woocommerce.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Add fallback image

This commit is contained in:
Ilyas Foo 2022-04-26 12:10:26 +08:00
parent 0c5676d28b
commit 9eba4b93de
2 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
plugins/woocommerce-admin/client/tasks/fills/PaymentGatewaySuggestions/components/List/Item.js
View File

@ -14,6 +14,7 @@ import { __ } from '@wordpress/i18n';
*/ */
import { Action } from '../Action'; import { Action } from '../Action';
import './List.scss'; import './List.scss';
import fallbackImage from './fallback.png';
export const Item = ( { isRecommended, markConfigured, paymentGateway } ) => { export const Item = ( { isRecommended, markConfigured, paymentGateway } ) => {
const { const {
@ -60,7 +61,13 @@ export const Item = ( { isRecommended, markConfigured, paymentGateway } ) => {
className={ classes } className={ classes }
> >
<CardMedia isBorderless> <CardMedia isBorderless>
<img src={ image72x72 } alt={ title } /> <img
src={ image72x72 }
alt={ title }
onError={ ( e ) =>
( e.currentTarget.src = fallbackImage )
}
/>
</CardMedia> </CardMedia>
<div className="woocommerce-task-payment__description"> <div className="woocommerce-task-payment__description">
<Text as="h3" className="woocommerce-task-payment__title"> <Text as="h3" className="woocommerce-task-payment__title">

BIN
plugins/woocommerce-admin/client/tasks/fills/PaymentGatewaySuggestions/components/List/fallback.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 423 B