fix: switch name from icon to asset

Telefonica · Jul 19, 2023 · 6b3511d · 6b3511d
1 parent ce14917
commit 6b3511d
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 11 deletions.
diff --git a/src/__stories__/media-card-story.tsx b/src/__stories__/media-card-story.tsx
@@ -95,7 +95,7 @@ export const Default: StoryComponent<Args> = ({
             title={title}
             subtitle={subtitle}
             description={description}
-            icon={icon}
+            asset={icon}
             media={
                 media === 'video' ? (
                     <Video src={VIDEO_SRC} aspectRatio="16:9" dataAttributes={{qsysid: 'video'}} />

diff --git a/src/card.css.ts b/src/card.css.ts
@@ -147,7 +147,7 @@ export const mediaCardContent = style([
     },
 ]);
 
-export const mediaCardIcon = style([
+export const mediaCardAsset = style([
     {
         position: 'absolute',
         zIndex: 1,

diff --git a/src/card.tsx b/src/card.tsx
@@ -407,7 +407,7 @@ interface MediaCardBaseProps {
     subtitle?: string;
     subtitleLinesMax?: number;
     description?: string;
-    icon?: React.ReactElement
+    asset?: React.ReactElement;
     descriptionLinesMax?: number;
     extra?: React.ReactNode;
     actions?: Array<CardAction>;
@@ -438,7 +438,7 @@ export const MediaCard = React.forwardRef<HTMLDivElement, MediaCardProps>(
             title,
             titleLinesMax,
             description,
-            icon,
+            asset,
             descriptionLinesMax,
             extra,
             actions,
@@ -488,13 +488,13 @@ export const MediaCard = React.forwardRef<HTMLDivElement, MediaCardProps>(
                                     buttonLink={buttonLink}
                                 />
                             </div>
-                           {icon ? (
-                            <Box className={styles.mediaCardIcon} paddingX={16} paddingY={16}>
-                                {icon}
-                            </Box>
-                           ): (
-                            <Box paddingBottom={actions?.length || onClose ? 64 : 0} />
-                           )}
+                            {asset ? (
+                                <Box className={styles.mediaCardAsset} paddingX={16} paddingY={16}>
+                                    {asset}
+                                </Box>
+                            ) : (
+                                <Box paddingBottom={actions?.length || onClose ? 64 : 0} />
+                            )}
                         </div>
                     </BaseTouchable>
                 </Boxed>