From ddaf8dbef6db3cbbba3f2411ba129e0ccda2ebe8 Mon Sep 17 00:00:00 2001 From: Yayo Date: Mon, 10 Jun 2024 13:15:08 +0200 Subject: [PATCH] custom icon for vivo new skin --- src/image.tsx | 22 +++++++++++++++++++++- 1 file changed, 21 insertions(+), 1 deletion(-) diff --git a/src/image.tsx b/src/image.tsx index fd47a92d37..276256537c 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,26 @@ export const ImageError = React.forwardRef( {withIcon ? ( skinName === VIVO_SKIN ? ( + ) : skinName === VIVO_NEW_SKIN ? ( + // Add the specific icon or logic for "o2" skinName + + + + + ) : ( // We cannot use IconImageRegular because we want to avoid the usage of width and height props to allow this icon to be responsive