From 35395d028c75d7d4c909ffd29eca5a93fbd86dcd Mon Sep 17 00:00:00 2001
From: radlanbra <93137566+radlanbra@users.noreply.github.com>
Date: Wed, 28 Sep 2022 15:12:58 +0200
Subject: [PATCH] Update ProjectTemplate.tsx

---
 src/templates/ProjectTemplate.tsx | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/src/templates/ProjectTemplate.tsx b/src/templates/ProjectTemplate.tsx
index b9965685b8..65b16b2a68 100644
--- a/src/templates/ProjectTemplate.tsx
+++ b/src/templates/ProjectTemplate.tsx
@@ -6,6 +6,9 @@ import { Page } from '../layout/Page'
 import BackButton from '../components/subcomponents/BackButton'
 import { HelmetTitleDescription } from '../meta/HelmetTitleDescription'
 import variables from '../styles/variables'
+import { Helmet } from 'react-helmet'
+import { resolveUrl } from '../meta/resolve-url'
+import { getSrc } from 'gatsby-plugin-image'
 
 const Container = styled.div`
   max-width: 960px;
@@ -81,6 +84,9 @@ export default function Template({
   const { frontmatter, html } = markdownRemark
   return (
     <Page>
+      <Helmet>
+        {frontmatter.image && <meta property='og:image' content={resolveUrl(getSrc(frontmatter.image)!)} />}
+      </Helmet>
       <HelmetTitleDescription title={frontmatter.title} description={frontmatter.description} />
 
       <Container className='container'id='project'>
@@ -102,6 +108,11 @@ export const pageQuery = graphql`
         slug
         title
         description
+        image {
+          childImageSharp {
+            gatsbyImageData
+          }
+        }
       }
     }
   }