From 9eba4b93de5fbc4c295cada339f9d79a479de211 Mon Sep 17 00:00:00 2001
From: Ilyas Foo <foo.ilyas@gmail.com>
Date: Tue, 26 Apr 2022 12:10:26 +0800
Subject: [PATCH] Add fallback image

---
 .../components/List/Item.js                       |   9 ++++++++-
 .../components/List/fallback.png                  | Bin 0 -> 423 bytes
 2 files changed, 8 insertions(+), 1 deletion(-)
 create mode 100644 plugins/woocommerce-admin/client/tasks/fills/PaymentGatewaySuggestions/components/List/fallback.png

diff --git a/plugins/woocommerce-admin/client/tasks/fills/PaymentGatewaySuggestions/components/List/Item.js b/plugins/woocommerce-admin/client/tasks/fills/PaymentGatewaySuggestions/components/List/Item.js
index af919e6970b..80bdede39d2 100644
--- a/plugins/woocommerce-admin/client/tasks/fills/PaymentGatewaySuggestions/components/List/Item.js
+++ b/plugins/woocommerce-admin/client/tasks/fills/PaymentGatewaySuggestions/components/List/Item.js
@@ -14,6 +14,7 @@ import { __ } from '@wordpress/i18n';
  */
 import { Action } from '../Action';
 import './List.scss';
+import fallbackImage from './fallback.png';
 
 export const Item = ( { isRecommended, markConfigured, paymentGateway } ) => {
 	const {
@@ -60,7 +61,13 @@ export const Item = ( { isRecommended, markConfigured, paymentGateway } ) => {
 				className={ classes }
 			>
 				<CardMedia isBorderless>
-					<img src={ image72x72 } alt={ title } />
+					<img
+						src={ image72x72 }
+						alt={ title }
+						onError={ ( e ) =>
+							( e.currentTarget.src = fallbackImage )
+						}
+					/>
 				</CardMedia>
 				<div className="woocommerce-task-payment__description">
 					<Text as="h3" className="woocommerce-task-payment__title">
diff --git a/plugins/woocommerce-admin/client/tasks/fills/PaymentGatewaySuggestions/components/List/fallback.png b/plugins/woocommerce-admin/client/tasks/fills/PaymentGatewaySuggestions/components/List/fallback.png
new file mode 100644
index 0000000000000000000000000000000000000000..8f83f0f558007b844b837a7116340645ff359b3c
GIT binary patch
literal 423
zcmeAS@N?(olHy`uVBq!ia0vp^9w5xY3?!3`olAj~Uw}`DE0F&D{ri{SzrTI|{tXDe
zfB*XJ+ZQ1E@&(BL3>5kC10??A2T=U`&!0dBP!=e4_{j0cPo7@8e)Hp}&o5uSK6&cw
z-Fx>l=0B_inkZBf<QL4KAaH-d`S%kN?isxAkAFA6zrTE$cP~)(o2QFoNW|f{H%{|4
z83?dmc=^TA@nd1-ivRx?zw(k&+*ly&d}(t^q4C@aX2zcuetg4RC$=X$bl*%Zh55#l
zE^&uhEqfZVCQaSdR80CtTY!Ji<fxpK(0h~Y@?Y#=JovkSk7a5{)58Tqj)F%U4|TG)
zPG{(9Zdk%HbwMmkZ-3&w8ImRM#qNA=%DcNLIxOIR>EBD=_p|c;?NPMPaOC`@neqRB
zAm^=Efrm-T@mnR@EBgz-zmMY7a<t4)X31Ugus2drWUa<>PpzOpKR21{nyRs$+PzVh
z-qUUsT(c`Z9O<(6)yxZ7rSn6Bjw#-Mnek-ywsY-00`+~9v*uMSjWZ7wS#1jp0R~T3
KKbLh*2~7a2q1PS&

literal 0
HcmV?d00001