Add mime to teks image

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
 }

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} />