From f17322096609feb73b68617aa8236a41305c58a6 Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Fri, 26 Apr 2024 00:45:08 +0100
Subject: [PATCH] Implement og image override and fix canonical urls

---
 src/lib/guide.ts                         |  1 +
 src/pages/backend/developer-skills.astro |  2 +-
 src/pages/backend/developer-tools.astro  |  2 +-
 src/pages/backend/languages.astro        |  2 +-
 src/pages/guides/[guideId].astro         | 10 ++++++----
 5 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/lib/guide.ts b/src/lib/guide.ts
index a8d139e415a7..b652c7b8fba1 100644
--- a/src/lib/guide.ts
+++ b/src/lib/guide.ts
@@ -14,6 +14,7 @@ export interface GuideFrontmatter {
   };
   isNew: boolean;
   type: 'visual' | 'textual';
+  ogImageUrl?: string;
   date: string;
   sitemap: {
     priority: number;
diff --git a/src/pages/backend/developer-skills.astro b/src/pages/backend/developer-skills.astro
index a2f23f6c50cd..85325741bfff 100644
--- a/src/pages/backend/developer-skills.astro
+++ b/src/pages/backend/developer-skills.astro
@@ -19,7 +19,7 @@ const ogImageUrl = getOpenGraphImageUrl({
 <BaseLayout
   title={guideData.seo.title}
   description={guideData.seo.description}
-  permalink={`/backend/${guideId}`}
+  permalink={`/backend/developer-skills`}
   canonicalUrl={guideData.canonicalUrl}
   ogImageUrl={ogImageUrl}
 >
diff --git a/src/pages/backend/developer-tools.astro b/src/pages/backend/developer-tools.astro
index f99c2392de26..0b71d6bfba44 100644
--- a/src/pages/backend/developer-tools.astro
+++ b/src/pages/backend/developer-tools.astro
@@ -19,7 +19,7 @@ const ogImageUrl = getOpenGraphImageUrl({
 <BaseLayout
   title={guideData.seo.title}
   description={guideData.seo.description}
-  permalink={`/backend/${guideId}`}
+  permalink={`/backend/developer-tools`}
   canonicalUrl={guideData.canonicalUrl}
   ogImageUrl={ogImageUrl}
 >
diff --git a/src/pages/backend/languages.astro b/src/pages/backend/languages.astro
index 11746690fae2..f5fd093379b1 100644
--- a/src/pages/backend/languages.astro
+++ b/src/pages/backend/languages.astro
@@ -22,7 +22,7 @@ const ogImageUrl = getOpenGraphImageUrl({
 <BaseLayout
   title={guideData.seo.title}
   description={guideData.seo.description}
-  permalink={`/backend/${guideId}`}
+  permalink={`/backend/languages`}
   canonicalUrl={guideData.canonicalUrl}
   ogImageUrl={ogImageUrl}
 >
diff --git a/src/pages/guides/[guideId].astro b/src/pages/guides/[guideId].astro
index db5956d7d86f..aed67d8b102c 100644
--- a/src/pages/guides/[guideId].astro
+++ b/src/pages/guides/[guideId].astro
@@ -24,10 +24,12 @@ const { guideId } = Astro.params;
 const { guide } = Astro.props;
 const { frontmatter: guideData, author } = guide;
 
-const ogImageUrl = getOpenGraphImageUrl({
-  group: 'guides',
-  resourceId: guideId,
-});
+const ogImageUrl =
+  guideData.ogImageUrl ||
+  getOpenGraphImageUrl({
+    group: 'guides',
+    resourceId: guideId,
+  });
 ---
 
 <BaseLayout