From 193fabdc2ed58c4a7dd85a3429b35bcb71eb71f8 Mon Sep 17 00:00:00 2001
From: Ivan Melnik <melnik.job@gmail.com>
Date: Tue, 17 Dec 2024 09:51:38 +0200
Subject: [PATCH] fix: hero image size

---
 package.json                                | 2 +-
 src/core/pageContent/PageContent.tsx        | 2 +-
 src/core/pageContent/__mocks__/page.mock.ts | 2 ++
 3 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index 010e51c..8757296 100644
--- 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
index 200e109..7838ec1 100644
--- 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
index 16212a0..bc79a82 100644
--- 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',
     },