Add CMS data to /press Media

src/components/sections/newsroom/media/index.tsx

@@ -13,13 +13,26 @@ import s from './media.module.scss'
 interface Props {
   data: {
     mediaHeading: string
+    mediaHeadingNumber: string
     mediaVideo01Label: string
+    mediaVideo01Thumb: {
+      url: string
+    }
     mediaVideo01Link: string
     mediaVideo02Label: string
+    mediaVideo02Thumb: {
+      url: string
+    }
     mediaVideo02Link: string
     mediaVideo03Label: string
+    mediaVideo03Thumb: {
+      url: string
+    }
     mediaVideo03Link: string
     mediaVideo04Label: string
+    mediaVideo04Thumb: {
+      url: string
+    }
     mediaVideo04Link: string
   }
 }
@@ -73,7 +86,7 @@ const Media = ({ data }: Props) => {
             <Heading as="h2" variant="md">
               {data?.mediaHeading}
             </Heading>
-            <span>04</span>
+            <span>{data?.mediaHeadingNumber}</span>
           </div>
           <div className={`${s.media__block} keen-slider`} ref={sliderRef}>
             <div className={`${s.item} keen-slider__slide`}>
@@ -84,7 +97,7 @@ const Media = ({ data }: Props) => {
                 <img
                   alt="image"
                   loading="lazy"
-                  src="/images/newsroom/prev01.jpg"
+                  src={data?.mediaVideo01Thumb?.url}
                 />
                 <img
                   alt="play"
@@ -107,7 +120,7 @@ const Media = ({ data }: Props) => {
                 <img
                   alt="image"
                   loading="lazy"
-                  src="/images/newsroom/prev02.jpg"
+                  src={data?.mediaVideo02Thumb?.url}
                 />
                 <img
                   alt="play"
@@ -130,7 +143,7 @@ const Media = ({ data }: Props) => {
                 <img
                   alt="image"
                   loading="lazy"
-                  src="/images/newsroom/prev03.jpg"
+                  src={data?.mediaVideo03Thumb?.url}
                 />
                 <img
                   alt="play"
@@ -153,7 +166,7 @@ const Media = ({ data }: Props) => {
                 <img
                   alt="image"
                   loading="lazy"
-                  src="/images/newsroom/prev04.jpg"
+                  src={data?.mediaVideo04Thumb?.url}
                 />
                 <img
                   alt="play"

src/lib/cms/queries/press.js

@@ -30,13 +30,26 @@ const PressMedia = {
           {
             pressPage {
                 mediaHeading
+                mediaHeadingNumber
                 mediaVideo01Label
+                mediaVideo01Thumb {
+                  url
+                }
                 mediaVideo01Link
                 mediaVideo02Label
+                mediaVideo02Thumb {
+                  url
+                }
                 mediaVideo02Link
                 mediaVideo03Label
+                mediaVideo03Thumb {
+                  url
+                }
                 mediaVideo03Link
                 mediaVideo04Label
+                mediaVideo04Thumb {
+                  url
+                }
                 mediaVideo04Link
             }
           }