From ec600fe86c4e90c8d8b44b2e5528e35fe41ff87f Mon Sep 17 00:00:00 2001 From: "Ignacio Ceballos (Yayo)" Date: Tue, 11 Jun 2024 10:04:10 +0200 Subject: [PATCH] feat(Image): Custom fallback icon in Vivo New (#1145) --- src/image.tsx | 21 ++++++++++++++++++++- 1 file changed, 20 insertions(+), 1 deletion(-) diff --git a/src/image.tsx b/src/image.tsx index fd47a92d37..e41539b2ab 100644 --- a/src/image.tsx +++ b/src/image.tsx @@ -6,7 +6,7 @@ import {AspectRatioContainer} from './utils/aspect-ratio-support'; import {getPrefixedDataAttributes} from './utils/dom'; import {useIsInverseVariant} from './theme-variant-context'; import {useAriaId, useTheme} from './hooks'; -import {VIVO_SKIN} from './skins/constants'; +import {VIVO_SKIN, VIVO_NEW_SKIN} from './skins/constants'; import {sprinkles} from './sprinkles.css'; import * as styles from './image.css'; import {vars} from './skins/skin-contract.css'; @@ -65,6 +65,25 @@ export const ImageError = React.forwardRef( {withIcon ? ( skinName === VIVO_SKIN ? ( + ) : skinName === VIVO_NEW_SKIN ? ( + + + + + ) : ( // We cannot use IconImageRegular because we want to avoid the usage of width and height props to allow this icon to be responsive