Add metadata for images

barthuijgen · Jul 26, 2024 · 0bc6db0 · 0bc6db0
1 parent 0b357aa
commit 0bc6db0
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 0 deletions.
diff --git a/apps/blueprints/src/components/blueprint/Blueprint.tsx b/apps/blueprints/src/components/blueprint/Blueprint.tsx
@@ -96,6 +96,17 @@ export const BlueprintSubPage: React.FC<BlueprintProps> = ({
         <title>
           {(blueprint_page.title ? `${blueprint_page.title} - ` : "") + "Factorio blueprints"}
         </title>
+        <meta
+          property="og:title"
+          content={
+            (blueprint_page.title ? `${blueprint_page.title} - ` : "") + "Factorio blueprints"
+          }
+          key="title"
+        />
+        <meta
+          property="og:image"
+          content={`https://storage.googleapis.com/blueprint-images/300/${blueprint_page.image_hash}.webp`}
+        />
       </Head>
       <Panel
         className="image"

diff --git a/apps/blueprints/src/components/blueprint/BlueprintBook.tsx b/apps/blueprints/src/components/blueprint/BlueprintBook.tsx
@@ -147,6 +147,17 @@ export const BlueprintBookSubPage: React.FC<BlueprintBookSubPageProps> = ({
         <title>
           {(blueprint_page.title ? `${blueprint_page.title} - ` : "") + "Factorio blueprints"}
         </title>
+        <meta
+          property="og:title"
+          content={
+            (blueprint_page.title ? `${blueprint_page.title} - ` : "") + "Factorio blueprints"
+          }
+          key="title"
+        />
+        <meta
+          property="og:image"
+          content={`https://storage.googleapis.com/blueprint-images/300/${blueprint_page.image_hash}.webp`}
+        />
       </Head>
       <Panel
         className="child-tree"