From 261fa687eabf8040e34602132beb04a8a5d80532 Mon Sep 17 00:00:00 2001
From: Jack <me@jackmerrill.com>
Date: Wed, 21 Jun 2023 13:03:38 -0700
Subject: [PATCH] fix OG images again

---
 src/app/blog/[id]/page.tsx     | 4 ++++
 src/app/projects/[id]/page.tsx | 4 ++++
 2 files changed, 8 insertions(+)

diff --git a/src/app/blog/[id]/page.tsx b/src/app/blog/[id]/page.tsx
index db22ecb..0e6ec56 100644
--- a/src/app/blog/[id]/page.tsx
+++ b/src/app/blog/[id]/page.tsx
@@ -111,6 +111,8 @@ export async function generateMetadata({ params }: { params: { id: string } }) {
 
   const post = schema.parse(await client.fetch(query))[0];
 
+  const r = post.mainImage?.match(/(?<width>\d+)x(?<height>\d+)/);
+
   return {
     title: post.title,
     description: post.subtitle,
@@ -124,6 +126,8 @@ export async function generateMetadata({ params }: { params: { id: string } }) {
       images: [
         {
           url: post.mainImage,
+          width: parseInt(r?.groups?.width ?? "400"),
+          height: parseInt(r?.groups?.height ?? "400"),
         },
       ],
     },
diff --git a/src/app/projects/[id]/page.tsx b/src/app/projects/[id]/page.tsx
index f5b741e..7f59fbf 100644
--- a/src/app/projects/[id]/page.tsx
+++ b/src/app/projects/[id]/page.tsx
@@ -115,6 +115,8 @@ export async function generateMetadata({ params }: { params: { id: string } }) {
 
   const project = projectSchema.parse(await client.fetch(projectQuery))[0];
 
+  const r = project.mainImage?.match(/(?<width>\d+)x(?<height>\d+)/);
+
   return {
     title: project.title,
     description: project.subtitle,
@@ -128,6 +130,8 @@ export async function generateMetadata({ params }: { params: { id: string } }) {
       images: [
         {
           url: project.mainImage,
+          width: parseInt(r?.groups?.width ?? "400"),
+          height: parseInt(r?.groups?.height ?? "400"),
         },
       ],
     },