added social images

OpenQDev · Aug 2, 2023 · c9ee839 · c9ee839
1 parent d3c3e38
commit c9ee839
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 5 deletions.
diff --git a/pages/_app.js b/pages/_app.js
@@ -65,7 +65,7 @@ function OpenQ({ Component, pageProps }) {
   const route = router.pathname;
   const whiteBgRoutes = ['/drm', '/marketplace', '/hackathon-launchpad'];
   const isWhiteBgRoute = whiteBgRoutes.includes(route);
-
+  const socialImage = pageProps?.page?.data?.socialimage.url;
   return (
     <>
       {/* Global Site Tag (gtag.js) - Google Analytics */}
@@ -75,6 +75,13 @@ function OpenQ({ Component, pageProps }) {
         <meta name='OpenQ Bounties' content='width=device-width, initial-scale=1.0' />
         <link rel='icon' href='/openq-logo.png' />
         <link rel='manifest' href='/manifest.json' crossOrigin='use-credentials' />
+
+        {socialImage && (
+          <>
+            <meta property='og:image' content={socialImage} />
+            <meta property='twitter:image' content={socialImage} />
+          </>
+        )}
       </Head>
       <Script id='live-session'>
         {`window['__ls_namespace'] = 'LiveSession';

diff --git a/pages/blog/[slug].jsx b/pages/blog/[slug].jsx
@@ -3,13 +3,9 @@ import * as prismic from '@prismicio/client';
 import { SliceZone } from '@prismicio/react';
 import { components } from '../../slices';
 import { createClient } from '../../prismicio';
-import Head from 'next/head';
 export default function Home({ page }) {
   return (
     <div className='flex flex-col items-center content-center'>
-      <Head>
-        <meta property='og:image' content={page?.data?.socialimage?.url} />
-      </Head>
       {page?.data && <SliceZone slices={page.data.slices} components={components} />}
     </div>
   );