Merge pull request #211 from comicrelief/metatags

#210 fix image metatag as no relative urls are allowed
comicrelief · Dec 10, 2019 · 38530e3 · 38530e3
2 parents 20e465f + b4a6e58
commit 38530e3
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/public/images/gift-aid-1200-1200.png b/public/images/gift-aid-1200-1200.png
diff --git a/public/index.html b/public/index.html
@@ -9,6 +9,9 @@
     <meta http-equiv="Referrer-Policy" content="same-origin">
 
     <meta name="theme-color" content="#000000">
+    <meta property="og:image" content="%PUBLIC_URL%/images/gift-aid-1200-1200.png" />
+    <meta property="og:title" content="Gift Aid your donation" />
+    <meta property="og:site_name" content="Comic Relief" />
 
     <!--
       manifest.json provides metadata used when your web app is added to the

diff --git a/src/components/App/App.js b/src/components/App/App.js
@@ -35,7 +35,7 @@ function App (props) {
     firstname: undefined,
     giftAidChoice: undefined,
   };
-  
+
   const [successState, setSuccessState] = useState(initialState); // initialise successState state
 
   /**
@@ -90,9 +90,6 @@ function App (props) {
           Gift Aid declaration | Comic Relief
         </title>
         <meta name="description" content={site.get('meta').description} />
-        <meta property="og:title" content="Gift Aid your donation" />
-        <meta property="og:image" content="/images/thank-you-mob.jpg" />
-        <meta property="og:site_name" content="Comic Relief" />
         <meta property="og:url" content={window.location.href} />
         <meta property="og:description" content={site.get('meta').description} />
         <meta name="keywords" content={site.get('meta').keywords} />