From e928fa3e9093d1fbd301f2139a686312e6a9d2ee Mon Sep 17 00:00:00 2001
From: LBlend <lblend@protonmail.com>
Date: Fri, 23 Jul 2021 18:53:58 +0200
Subject: [PATCH] fix image in social cards

---
 gatsby-config.js      |  1 -
 src/components/seo.js | 18 +++---------------
 2 files changed, 3 insertions(+), 16 deletions(-)

diff --git a/gatsby-config.js b/gatsby-config.js
index dfe7fbc..bdf9b65 100644
--- a/gatsby-config.js
+++ b/gatsby-config.js
@@ -4,7 +4,6 @@ module.exports = {
     description: `En hobbyforening som ønsker skape et sosialt miljø rundt gaming og E-sport på UiO!`,
     author: `@uiogaming`,
     url: `https://uiogaming.no`,
-    image: `logo.jpg`,
   },
   plugins: [
     `gatsby-plugin-react-helmet`,
diff --git a/src/components/seo.js b/src/components/seo.js
index 4175cff..bcd7422 100644
--- a/src/components/seo.js
+++ b/src/components/seo.js
@@ -10,7 +10,7 @@ import PropTypes from "prop-types"
 import { Helmet } from "react-helmet"
 import { useStaticQuery, graphql } from "gatsby"
 
-function Seo({ description, lang, meta, image: metaImage, title, author }) {
+function Seo({ description, lang, meta, imageURL, title, author }) {
   const { site } = useStaticQuery(
     graphql`
       query {
@@ -19,7 +19,6 @@ function Seo({ description, lang, meta, image: metaImage, title, author }) {
             title
             description
             author
-            image
           }
         }
       }
@@ -29,8 +28,7 @@ function Seo({ description, lang, meta, image: metaImage, title, author }) {
   const metaAuthor = author || site.siteMetadata.author
   const metaDescription = description || site.siteMetadata.description
   const defaultTitle = site.siteMetadata?.title
-  const image =
-    image || `${site.siteMetadata.siteUrl}/${site.siteMetadata.image}`
+  const image = imageURL || `${site.siteMetadata.siteUrl}/logo.jpg`
 
   return (
     <Helmet
@@ -82,20 +80,12 @@ function Seo({ description, lang, meta, image: metaImage, title, author }) {
         },
       ]
         .concat(
-          metaImage
+          image
             ? [
                 {
                   property: "og:image",
                   content: image,
                 },
-                {
-                  property: "og:image:width",
-                  content: metaImage.width,
-                },
-                {
-                  property: "og:image:height",
-                  content: metaImage.height,
-                },
                 {
                   name: "twitter:card",
                   content: "summary_large_image",
@@ -117,11 +107,9 @@ Seo.defaultProps = {
   lang: `no`,
   meta: [],
   description: ``,
-  image: null,
 }
 
 Seo.propTypes = {
-  image: PropTypes.string,
   description: PropTypes.string,
   lang: PropTypes.string,
   meta: PropTypes.arrayOf(PropTypes.object),