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
 }