From 50b6739070c3277ab264949dba39ea869508596b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fede=20=C3=81lvarez?= <fedealvarezcampos@gmail.com>
Date: Tue, 31 May 2022 20:00:51 +0200
Subject: [PATCH] Add CMS data to /press Media

---
 .../sections/newsroom/media/index.tsx         | 23 +++++++++++++++----
 src/lib/cms/queries/press.js                  | 13 +++++++++++
 2 files changed, 31 insertions(+), 5 deletions(-)

diff --git a/src/components/sections/newsroom/media/index.tsx b/src/components/sections/newsroom/media/index.tsx
index c5769f6..e5d8fee 100644
--- a/src/components/sections/newsroom/media/index.tsx
+++ b/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"
diff --git a/src/lib/cms/queries/press.js b/src/lib/cms/queries/press.js
index d2d62d5..823f988 100644
--- a/src/lib/cms/queries/press.js
+++ b/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
             }
           }