From 65f0f643a8f99085b69ce891967d52c0aec24b7c Mon Sep 17 00:00:00 2001
From: matiasMurat <matias.murat@bitlogic.io>
Date: Fri, 22 Jul 2022 09:48:40 -0300
Subject: [PATCH 1/3] Imagen personalizada en BlogArticle

---
 src/components/Banners/BannerTop.js |  7 +++++--
 src/templates/BlogItemDetail.js     | 11 +++++++++--
 2 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/components/Banners/BannerTop.js b/src/components/Banners/BannerTop.js
index a2716b99..c01dc2be 100644
--- a/src/components/Banners/BannerTop.js
+++ b/src/components/Banners/BannerTop.js
@@ -6,10 +6,13 @@ import "./BannerTop.scss"
 import { useTheme } from "../../context/themeContext"
 
 const BannerTop = ({ banner }) => {
-  const { bgImage, bgImageDarkMode, image, title, summary } = banner
+  const { bgImage, bgImageDarkMode, image, imagePage, title, summary } = banner
   const { theme } = useTheme()
 
-  const imageBanner = getImage(bgImage?.localFile) || getImage(image?.localFile)
+  const imageBanner =
+    getImage(bgImage?.localFile) ||
+    getImage(image?.localFile) ||
+    getImage(imagePage?.localFile)
   const imageDM = getImage(bgImageDarkMode?.localFile)
 
   return (
diff --git a/src/templates/BlogItemDetail.js b/src/templates/BlogItemDetail.js
index 1f2d6902..4da1246b 100644
--- a/src/templates/BlogItemDetail.js
+++ b/src/templates/BlogItemDetail.js
@@ -10,8 +10,8 @@ import { getImage, GatsbyImage } from "gatsby-plugin-image"
 import "./BlogItemDetail.scss"
 
 const BlogDetail = ({ data }) => {
-  const { title, description, image, author } = data?.allStrapiArticle?.nodes[0]
-  const bannerTop = { title, image }
+  const { title, description, imagePage, author } = data?.allStrapiArticle?.nodes[0]
+  const bannerTop = { title, imagePage }
 
   let { summary } = author
   
@@ -80,6 +80,13 @@ export const query = graphql`
             }
           }
         }
+        imagePage{
+          localFile {
+            childImageSharp {
+              gatsbyImageData
+            }
+          }
+        }
         author {
           name
           subTitle

From e23dbde86659afb05debe0ab4385bce0c9078b83 Mon Sep 17 00:00:00 2001
From: matiasMurat <matias.murat@bitlogic.io>
Date: Fri, 22 Jul 2022 12:54:57 -0300
Subject: [PATCH 2/3] imagePage opcional

---
 src/templates/BlogItemDetail.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/templates/BlogItemDetail.js b/src/templates/BlogItemDetail.js
index 4da1246b..04f65e60 100644
--- a/src/templates/BlogItemDetail.js
+++ b/src/templates/BlogItemDetail.js
@@ -10,8 +10,9 @@ import { getImage, GatsbyImage } from "gatsby-plugin-image"
 import "./BlogItemDetail.scss"
 
 const BlogDetail = ({ data }) => {
-  const { title, description, imagePage, author } = data?.allStrapiArticle?.nodes[0]
-  const bannerTop = { title, imagePage }
+  const { title, description, image, imagePage, author } = data?.allStrapiArticle?.nodes[0]
+
+  const bannerTop = imagePage ? { title, imagePage }  : { title, image }
 
   let { summary } = author
   

From 59c3a89fa0de520eef914d2402a8ee80172dafc5 Mon Sep 17 00:00:00 2001
From: matiasMurat <matias.murat@bitlogic.io>
Date: Fri, 22 Jul 2022 13:03:33 -0300
Subject: [PATCH 3/3] Arregla error de estilo en blogs

---
 src/templates/BlogItemDetail.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/templates/BlogItemDetail.scss b/src/templates/BlogItemDetail.scss
index b74d55d0..1e320cc7 100644
--- a/src/templates/BlogItemDetail.scss
+++ b/src/templates/BlogItemDetail.scss
@@ -54,6 +54,7 @@
       li {
         margin-left: 1rem;
         font-size: $small;
+        line-height: normal;
         text-align: justify;
 
         &::marker {