fix(tiles): fix content tile body property

white-label-loyalty · Nov 21, 2024 · d53df6a · d53df6a
1 parent 343bc5e
commit d53df6a
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 15 deletions.
diff --git a/lib/components/atoms/BaseTile/index.tsx b/lib/components/atoms/BaseTile/index.tsx
@@ -156,14 +156,13 @@ const BaseTileHeader: FC<{ children?: ReactNode }> = ({ children }) => {
 
 const BaseTileMedia: FC<ImagePropsNoSource> = (props) => {
   const tile = useTileContext();
-  const { artworkUrl, title, description } =
-    tile.configuration as ContentTileConfig;
+  const { artworkUrl, title, body } = tile.configuration as ContentTileConfig;
   const { isHalfSize } = useTileSize(tile);
 
   if (!artworkUrl) return null;
 
   const hasTitle = !!title;
-  const hasDescription = !!description;
+  const hasDescription = !!body;
 
   return (
     <ProgressiveImage
@@ -205,14 +204,14 @@ const BaseTileTitle: FC = () => {
 
 const BaseTileBody: FC = (props) => {
   const tile = useTileContext();
-  const { description, artworkUrl } = tile.configuration as ContentTileConfig;
+  const { body, artworkUrl } = tile.configuration as ContentTileConfig;
   const { isHalfSize } = useTileSize(tile);
 
-  if ((isHalfSize && artworkUrl) || !description) return null;
+  if ((isHalfSize && artworkUrl) || !body) return null;
 
   return (
-    <Text variant="body" {...props} accessibilityLabel={description}>
-      {description}
+    <Text variant="body" {...props} accessibilityLabel={body}>
+      {body}
     </Text>
   );
 };

diff --git a/lib/components/organisms/ContentTile/ContentTile.stories.tsx b/lib/components/organisms/ContentTile/ContentTile.stories.tsx
@@ -27,7 +27,7 @@ FullSizeImageAndText.args = {
     priority: 1,
     configuration: {
       title: 'Welcome Nick!',
-      description: 'Lorem ipsum dolor sit amet',
+      body: 'Lorem ipsum dolor sit amet',
       artworkUrl:
         'https://images.pexels.com/photos/1362534/pexels-photo-1362534.jpeg',
     },
@@ -63,7 +63,7 @@ FullSizeTextOnly.args = {
     priority: 1,
     configuration: {
       title: 'Welcome Nick!',
-      description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
+      body: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
     },
   },
 };
@@ -79,8 +79,7 @@ FullSizeTextOnlyLongBody.args = {
     priority: 1,
     configuration: {
       title: 'Welcome Nick!',
-      description:
-        'Lorem ipsum dolor, sit amet consectetur adipisicing elit. Molestias sequi non accusamus veniam iste? Aut assumenda explicabo, beatae, vero illum, saepe perspiciatis soluta tempora consequuntur ipsa voluptates. Placeat, libero! Omnis!',
+      body: 'Lorem ipsum dolor, sit amet consectetur adipisicing elit. Molestias sequi non accusamus veniam iste? Aut assumenda explicabo, beatae, vero illum, saepe perspiciatis soluta tempora consequuntur ipsa voluptates. Placeat, libero! Omnis!',
     },
   },
 };
@@ -114,7 +113,7 @@ HalfSizeTextOnly.args = {
     priority: 1,
     configuration: {
       title: 'Welcome Nick!',
-      description: 'Lorem ipsum dolor sit amet',
+      body: 'Lorem ipsum dolor sit amet',
     },
   },
 };
@@ -131,7 +130,7 @@ HalfSizeTextOnlyWithLink.args = {
     priority: 1,
     configuration: {
       title: 'Welcome Nick!',
-      description: 'Lorem ipsum dolor sit amet',
+      body: 'Lorem ipsum dolor sit amet',
       ctaLink: 'https://www.google.com',
       ctaLinkTarget: CTALinkTarget.sameWindow,
     },
@@ -150,7 +149,7 @@ FullSizeWithLink.args = {
     priority: 1,
     configuration: {
       title: 'Welcome Nick!',
-      description: 'Click here to learn more',
+      body: 'Click here to learn more',
       artworkUrl:
         'https://images.pexels.com/photos/1362534/pexels-photo-1362534.jpeg',
       ctaLink: 'https://www.google.com',

diff --git a/lib/types/tile.ts b/lib/types/tile.ts
@@ -52,7 +52,7 @@ export class PointsTileConfig {
 
 export class ContentTileConfig {
   title?: string | null;
-  description?: string | null;
+  body?: string | null;
   artworkUrl?: string | null;
   ctaLinkTarget?: CTALinkTarget;
   ctaLink?: string | null;