From e04ad1568bff644e5774b278be76c398baec529b Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Mon, 16 Jan 2023 15:05:53 +0800
Subject: [PATCH] Test making twitter image url absolute

---
 .../web/components/patterns/PageMetaData.tsx   | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/packages/web/components/patterns/PageMetaData.tsx b/packages/web/components/patterns/PageMetaData.tsx
index 1b42de2db..138f46c1e 100644
--- a/packages/web/components/patterns/PageMetaData.tsx
+++ b/packages/web/components/patterns/PageMetaData.tsx
@@ -35,13 +35,23 @@ export function PageMetaData(props: PageMetaDataProps): JSX.Element {
         href={`/static/icons/favicon-${isDarkMode ? 'dark' : 'light'}.ico`}
       />
 
+      <meta property="fb:app_id" content="3584400838451823" />
+      <meta name="twitter:card" content="summary_large_image" />
+      <meta name="twitter:creator:id" content="1372981426199564288" />
+      <meta name="twitter:site:id" content="1372981426199564288" />
+
       <meta property="og:type" content="website" />
       <meta property="og:site_name" content="Omnivore" />
 
+      <meta name="twitter:domain" content="omnivore.app" />
+
       {props.ogImage && (
         <>
           <meta property="og:image" content={props.ogImage} key="og-image" />
-          <meta name="twitter:image" content={props.ogImage} />
+          <meta
+            name="twitter:image"
+            content={`https://omnivore-demo-7hm1ymole-omnivore.vercel.app/${props.ogImage}`}
+          />
         </>
       )}
       {props.ogImage && (
@@ -89,12 +99,6 @@ export function PageMetaData(props: PageMetaDataProps): JSX.Element {
       {props.metaTags?.map((metatag, i) => (
         <meta key={i} {...metatag} />
       ))}
-
-      <meta property="fb:app_id" content="3584400838451823" />
-
-      <meta name="twitter:card" content="summary_large_image" />
-      <meta name="twitter:creator:id" content="1372981426199564288" />
-      <meta name="twitter:site:id" content="1372981426199564288" />
     </Head>
   )
 }