From 006fe6f06e55880efe012ff26747f1557bc656a7 Mon Sep 17 00:00:00 2001
From: CollinBeczak <ctbeczak08@gmail.com>
Date: Mon, 22 Jan 2024 17:36:43 -0600
Subject: [PATCH] add test data to link previews

---
 src/App.js                            |  4 ++--
 src/components/AdminPane/AdminPane.js |  4 ++--
 src/components/Head/Head.js           | 29 ++++++++++++++++-----------
 3 files changed, 21 insertions(+), 16 deletions(-)

diff --git a/src/App.js b/src/App.js
index 183875459..bbeeab00b 100644
--- a/src/App.js
+++ b/src/App.js
@@ -166,10 +166,10 @@ export const CachedRoute = ({ component: Component, ...rest }) => {
         resetCache()
         return (
           <>
-            <HeadTitle />
+            <HeadTitle {...props} />
             <Component {...props} />
           </>
-
+          
         )
       }} />
   )
diff --git a/src/components/AdminPane/AdminPane.js b/src/components/AdminPane/AdminPane.js
index 5d392523d..1cf10f9ae 100644
--- a/src/components/AdminPane/AdminPane.js
+++ b/src/components/AdminPane/AdminPane.js
@@ -131,10 +131,10 @@ export const CustomRoute = ({ component: Component, ...rest }) => {
       render={props => {
         return (
           <>
-            <HeadTitle />
+            <HeadTitle {...props} />
             <Component {...props} />
           </>
-
+          
         )
       }} />
   )
diff --git a/src/components/Head/Head.js b/src/components/Head/Head.js
index 1950bbf36..31f87a346 100644
--- a/src/components/Head/Head.js
+++ b/src/components/Head/Head.js
@@ -61,26 +61,31 @@ export const formatTitle = (props) => {
         return capitalize(param)
       }
     })
-    const newTitle = _isEmpty(pathArr) ? REACT_APP_TITLE : REACT_APP_TITLE + ' - ' + pathArr.join(' - ')
+
+    pathArr.reverse();
+
+    const newTitle = _isEmpty(pathArr) ? REACT_APP_TITLE : pathArr.join(' - ') + ' - ' +  REACT_APP_TITLE
     return newTitle
   }
 }
 
 export const HeadTitle = (props) => {
+
   return (
     <Helmet>
       <title>{formatTitle(props)}</title>
-      <meta property="og:title" content={formatTitle(props)} />
-      <meta name="description" content={props.challenge ? props.challenge?.description: "Navigate to Maproulette.org"} />
-      <meta property="og:description" content={"description"} />
-      <meta property="og:image" content={Image} />
-      <meta
-        property="og:url"
-        content={window.location.pathname + window.location.search}
-      />
-      <meta name="twitter:card" content="summary_large_image" />
-      <meta name="twitter:image:alt" content={"maproulette image"} />
-      <meta name="twitter:site" content={""} />
+      <meta name="title" content="MapRoulette" />
+      <meta name="description" content="Description" />
+      <meta property="og:type" content="website" />
+      <meta property="og:url" content="https://staging.maproulette.org/challenge/40012/task/169368684" />
+      <meta property="og:title" content="MapRoulette" />
+      <meta property="og:description" content="" />
+      <meta property="og:image" content="https://metatags.io/images/meta-tags.png" />
+      <meta property="twitter:card" content="summary_large_image" />
+      <meta property="twitter:url" content="https://staging.maproulette.org/challenge/40012/task/169368684" />
+      <meta property="twitter:title" content="MapRoulette" />
+      <meta property="twitter:description" content="twitter description" />
+      <meta property="twitter:image" content="https://metatags.io/images/meta-tags.png" />
     </Helmet>
   )
 }