fix: preview image for hacktoberfest page

razorpay · Oct 11, 2023 · 1f0f517 · 1f0f517
1 parent 8661770
commit 1f0f517
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 2 deletions.
diff --git a/public/razorpay-hacktoberfest-site-preview.png b/public/razorpay-hacktoberfest-site-preview.png
diff --git a/renderer/_default.page.server.tsx b/renderer/_default.page.server.tsx
@@ -23,6 +23,10 @@ async function render(pageContext: PageContextBuiltIn & PageContext) {
   const desc =
     (documentProps && documentProps.description) || 'Razorpay Open Source';
 
+  const sitePreview =
+    (documentProps && documentProps.sitePreview) ||
+    'https://opensource.razorpay.com/site-preview.jpg';
+
   const documentHtml = escapeInject`<!DOCTYPE html>
     <html lang="en">
       <head>
@@ -38,14 +42,14 @@ async function render(pageContext: PageContextBuiltIn & PageContext) {
         <meta property="og:url" content="https://opensource.razorpay.com/">
         <meta property="og:title" content="${title}">
         <meta property="og:description" content="${desc}">
-        <meta property="og:image" content="https://opensource.razorpay.com/site-preview.jpg">
+        <meta property="og:image" content="${sitePreview}">
         
         <!-- Twitter -->
         <meta property="twitter:card" content="summary_large_image">
         <meta property="twitter:url" content="https://opensource.razorpay.com/">
         <meta property="twitter:title" content="${title}">
         <meta property="twitter:description" content="${desc}">
-        <meta property="twitter:image" content="https://opensource.razorpay.com/site-preview.jpg">
+        <meta property="twitter:image" content="${sitePreview}">
 
         <link rel="icon" type="image/png" href="https://opensource.razorpay.com/favicon.png">
 

diff --git a/renderer/usePageContext.tsx b/renderer/usePageContext.tsx
@@ -9,6 +9,7 @@ export type PageContext = {
     documentProps?: {
       title?: string;
       description?: string;
+      sitePreview?: string;
     };
   };
 };

diff --git a/src/pages/hacktoberfest-2023.page.tsx b/src/pages/hacktoberfest-2023.page.tsx
@@ -127,4 +127,6 @@ export const Page = ({ projects }: PageData) => {
 
 export const documentProps = {
   title: 'Hacktoberfest 2023 | Razorpay Open Source',
+  sitePreview:
+    'https://opensource.razorpay.com/razorpay-hacktoberfest-site-preview.png',
 };