diff --git a/lib/components/atoms/BaseTile/index.tsx b/lib/components/atoms/BaseTile/index.tsx index ba619da..06c907a 100644 --- 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 = (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 ( { 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 ( - - {description} + + {body} ); }; diff --git a/lib/components/organisms/ContentTile/ContentTile.stories.tsx b/lib/components/organisms/ContentTile/ContentTile.stories.tsx index 51c5e27..55b02da 100644 --- 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 index 347c4c5..77c7570 100644 --- 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;