feat(ShareUrl): update for all new version

JSConfCL · Oct 2, 2024 · f33e55e · f33e55e
1 parent dc53ac3
commit f33e55e
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 14 deletions.
diff --git a/src/components/Public/Ticket/Page.tsx b/src/components/Public/Ticket/Page.tsx
@@ -37,8 +37,8 @@ const PublicTicketPage = ({
   ticketType,
   userInfo,
 }: TicketInfo) => {
-  const baseUrl = process.env.NEXT_PUBLIC_SERVER_URL ?? "https://jsconf.cl";
-  const publicUrl = `${baseUrl}/p/${shareType}/${id}`;
+  const ogImage = `${JSCONF.imagesApi}?ticketId=${id}`;
+  const publicUrl = `${JSCONF.shareWebpage}/public/ticket/${id}`;
   const twitterUrl = `Lista mi entrada para la @JSConfCL 🎉. Obtén la tuya en ${publicUrl} . Nos vemos el 05, 06 y 07 de Diciembre!`;
 
   const links = [
@@ -65,10 +65,7 @@ const PublicTicketPage = ({
           content="Mi Ticket para la JSConf Chile. Obtén tu ticket acá!"
         />
 
-        <meta
-          property="og:url"
-          content={`${JSCONF.imagesApi}?ticketId=${id}`}
-        />
+        <meta property="og:url" content={ogImage} />
 
         <meta property="og:type" content="website" />
         <meta
@@ -79,16 +76,13 @@ const PublicTicketPage = ({
           property="og:description"
           content="Mi Ticket para la JSConf Chile. Obtén tu ticket acá!"
         />
-        <meta property="og:image" content={`${""}/ticket/image/${id}`} />
+        <meta property="og:image" content={ogImage} />
         <meta name="twitter:site" content="@jsconfcl" />
         <meta name="twitter:creator" content="@jsconfcl" />
 
         <meta name="twitter:card" content="summary_large_image" />
         <meta property="twitter:domain" content="jsconf.cl" />
-        <meta
-          property="twitter:url"
-          content={`https://jsconf.cl/p/ticket/${id}`}
-        />
+        <meta property="twitter:url" content={publicUrl} />
         <meta
           name="twitter:title"
           content={`${userInfo.userName} 💛 JSConf Chile`}
@@ -97,9 +91,9 @@ const PublicTicketPage = ({
           name="twitter:description"
           content="Mi Ticket para la JSConf Chile. Obtén tu ticket acá!"
         />
-        <meta name="twitter:image" content={`${""}/ticket/image/${id}`} />
+        <meta name="twitter:image" content={ogImage} />
       </Head>
-      <Header />
+      <div class="flex items-center justify-center h-screen">
       <div className="mx-auto flex w-full flex-col gap-4 pt-4 md:container md:flex-row md:gap-16 md:py-16">
         <div className="flex w-full items-center justify-end">
           <PublicTicket
@@ -145,7 +139,7 @@ const PublicTicketPage = ({
           </div>
         </div>
       </div>
-      <Footer />
+    </div>
     </div>
   );
 };

diff --git a/src/lib/data.ts b/src/lib/data.ts
@@ -131,6 +131,7 @@ export const JSCONF = {
   strDates: "DIC 05, 06, 07 2024",
   place: "Santiago, Chile",
   imagesApi: process.env.NEXT_PUBLIC_IMAGES_API_URL ?? "",
+  shareWebpage: process.env.NEXT_PUBLIC_SHARE_WEBPAGE ?? "",
   webpage: process.env.NEXT_PUBLIC_WEBPAGE ?? "",
   ticketsCommunity: process.env.NEXT_PUBLIC_COMMUNITY_EVENT_URL ?? "",
   ticketsApi: process.env.NEXT_PUBLIC_TICKETS_API_URL ?? "",