fix: hero image size

City-of-Helsinki · Dec 18, 2024 · 193fabd · 193fabd
1 parent 48902b1
commit 193fabd
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 2 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-helsinki-headless-cms",
-  "version": "1.0.0-alpha307",
+  "version": "1.0.0-alpha308",
   "description": "React components for displaying Headless CMS content according to guidelines set by HDS",
   "main": "cjs/index.js",
   "module": "index.js",

diff --git a/src/core/pageContent/PageContent.tsx b/src/core/pageContent/PageContent.tsx
@@ -264,7 +264,7 @@ export function PageContent(props: PageContentProps) {
         }
         heroContainer={heroContainer}
         id={page?.id ?? 'page'}
-        imageSrc={page?.featuredImage?.node?.mediaItemUrl}
+        imageSrc={page?.featuredImage?.node?.medium_large}
         imageAlt={page?.featuredImage?.node?.altText}
         imageLabel={page?.featuredImage?.node?.photographerName}
         backUrl={backUrl}

diff --git a/src/core/pageContent/__mocks__/page.mock.ts b/src/core/pageContent/__mocks__/page.mock.ts
@@ -71,6 +71,7 @@ export const sidebarArticleList: LayoutArticle = {
           altText: 'image description',
           mediaItemUrl:
             'https://kultus.app-staging.hkih.hion.dev/app/uploads/2022/01/ae0d30ec-w_c3391_l_web.jpeg',
+          medium_large: 'https://kultus.app-staging.hkih.hion.dev/app/uploads/2022/01/ae0d30ec-w_c3391_l_web.jpeg'
         },
       },
       __typename: 'Post',
@@ -259,6 +260,7 @@ const mockPage: PageQuery['page'] = {
     node: {
       mediaItemUrl:
         'https://api.hel.fi/linkedevents-test/media/images/a-sip_netin_tapahtumakuva.1080x648_T3brYn4.jpg',
+      medium_large: 'https://api.hel.fi/linkedevents-test/media/images/a-sip_netin_tapahtumakuva.1080x648_T3brYn4.jpg',
       altText: 'Picture with content',
       title: 'Picture with content title',
     },