Add OGP image

Author: ethanlee16

src/components/seo.js

@@ -1,15 +1,17 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import Helmet from 'react-helmet'
-import { StaticQuery, graphql } from 'gatsby'
+import React from "react";
+import PropTypes from "prop-types";
+import Helmet from "react-helmet";
+import { StaticQuery, graphql } from "gatsby";
+
+import ogImage from "../images/og-frame.png";
 
 function SEO({ description, lang, meta, keywords, title }) {
   return (
     <StaticQuery
       query={detailsQuery}
       render={data => {
         const metaDescription =
-          description || data.site.siteMetadata.description
+          description || data.site.siteMetadata.description;
         return (
           <Helmet
             htmlAttributes={{
@@ -50,6 +52,10 @@ function SEO({ description, lang, meta, keywords, title }) {
                 name: `twitter:description`,
                 content: metaDescription,
               },
+              {
+                name: `og:image`,
+                content: `https://www.reactdecal.org${ogImage}`,
+              },
             ]
               .concat(
                 keywords.length > 0
@@ -60,30 +66,30 @@ function SEO({ description, lang, meta, keywords, title }) {
                   : []
               )
               .concat(meta)}
-         >
-          <link rel="stylesheet" href="https://use.typekit.net/ffz7vta.css" />
-         </Helmet> 
-        )
+          >
+            <link rel="stylesheet" href="https://use.typekit.net/ffz7vta.css" />
+          </Helmet>
+        );
       }}
     />
-  )
+  );
 }
 
 SEO.defaultProps = {
   lang: `en`,
   meta: [],
   keywords: [],
-}
+};
 
 SEO.propTypes = {
   description: PropTypes.string,
   lang: PropTypes.string,
   meta: PropTypes.array,
   keywords: PropTypes.arrayOf(PropTypes.string),
   title: PropTypes.string.isRequired,
-}
+};
 
-export default SEO
+export default SEO;
 
 const detailsQuery = graphql`
   query DefaultSEOQuery {
@@ -95,4 +101,4 @@ const detailsQuery = graphql`
       }
     }
   }
-`
+`;