From 03a39fd7fb5bbacc4e6a143c56a031bff0ebeeb3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20FAMIBELLE-PRONZOLA?= <c.pronzola@live.fr>
Date: Fri, 28 May 2021 20:15:26 +0200
Subject: [PATCH] Add mime to teks image

---
 components/head-layout.js | 5 ++++-
 pages/teks/[slug].js      | 1 +
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/components/head-layout.js b/components/head-layout.js
index 773a36a..3d8db0d 100644
--- a/components/head-layout.js
+++ b/components/head-layout.js
@@ -11,6 +11,7 @@ export default function HeadLayout({
   imageUrl,
   imageWidth,
   imageHeight,
+  imageMime,
   title,
   tab,
   slug
@@ -45,7 +46,7 @@ export default function HeadLayout({
         <meta property='og:locale' content='fr_FR' />
         <meta property='og:image' content={`${imageUrl ? `${apiUrl}${imageUrl}` : `${siteUrl}/logo-72x72.png`}`} />
         <meta property='og:image:secure_url' content={`${imageUrl ? `${apiUrl}${imageUrl}` : `${siteUrl}/logo-72x72.png`}`} />
-        <meta property='og:image:type' content='image/png' />
+        <meta property='og:image:type' content={imageMime ? imageMime : 'image/png'} />
         <meta property='og:image:width' content={imageWidth ? imageWidth : '72'} />
         <meta property='og:image:height' content={imageHeight ? imageHeight : '72'} />
         <meta property='og:image:alt' content={`${title && imageUrl ? title : '#OKi Logo'} | Organisation KA Internationale`} />
@@ -61,6 +62,7 @@ HeadLayout.propTypes = {
   imageUrl: PropTypes.string,
   imageWidth: PropTypes.number,
   imageHeight: PropTypes.number,
+  imageMime: PropTypes.string,
   title: PropTypes.string,
   tab: PropTypes.number.isRequired,
   slug: PropTypes.string
@@ -70,6 +72,7 @@ HeadLayout.defaultProps = {
   imageUrl: null,
   imageWidth: null,
   imageHeight: null,
+  imageMime: null,
   title: null,
   slug: null
 }
diff --git a/pages/teks/[slug].js b/pages/teks/[slug].js
index ebb48ce..2853f15 100644
--- a/pages/teks/[slug].js
+++ b/pages/teks/[slug].js
@@ -37,6 +37,7 @@ export default function SlugTeks({teks, anTeks, slug}) {
       imageUrl={formatKouveti() ? formatKouveti().url : null}
       imageWidth={formatKouveti() ? formatKouveti().width : null}
       imageHeight={formatKouveti() ? formatKouveti().height : null}
+      imageMime={formatKouveti() ? formatKouveti().mime : null}
       title={`${awtis} - ${anTeks.tit}`} tab={2} slug={`teks/${slug}`}
     >
       <TeksDrawer teks={teks} anTeks={anTeks} />