Add fix to reshow card icon if previously it failed to load

Adyen · Nov 14, 2024 · e6478e7 · e6478e7
1 parent 30b750d
commit e6478e7
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/packages/lib/src/components/Card/components/CardInput/components/BrandIcon.tsx b/packages/lib/src/components/Card/components/CardInput/components/BrandIcon.tsx
@@ -7,13 +7,19 @@ export default function BrandIcon({ brand, brandsConfiguration = {} }: BrandIcon
     const getImage = useImage();
     const imageName = brand === 'card' ? 'nocard' : brand;
     const imageUrl = brandsConfiguration[brand]?.icon ?? getCardImageUrl(imageName, getImage);
+
     const handleError = e => {
         e.target.style.cssText = 'display: none';
     };
 
+    const handleLoad = e => {
+        e.target.style.cssText = 'display: block';
+    };
+
     return (
         <img
             className="adyen-checkout-card-input__icon adyen-checkout__card__cardNumber__brandIcon"
+            onLoad={handleLoad}
             onError={handleError}
             alt={getFullBrandName(brand)}
             src={imageUrl}