From d152f0993caf8e13a70bfa7b368f4eb23cae70ba Mon Sep 17 00:00:00 2001
From: cheskoxd <franchesko77lacayo@gmail.com>
Date: Wed, 10 Sep 2025 00:13:14 -0500
Subject: [PATCH] fix(Docs): add dynamic og image generation and fix broken
 link

---
 .../(app)/instances/[instanceId]/version/+page.svelte  |  2 +-
 .../dashboard/src/routes/(static)/docs/+layout.svelte  | 10 +++++-----
 .../src/routes/(static)/docs/accessing/+page.md        |  1 -
 3 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/packages/dashboard/src/routes/(app)/instances/[instanceId]/version/+page.svelte b/packages/dashboard/src/routes/(app)/instances/[instanceId]/version/+page.svelte
index a8f1feb3..387854b3 100644
--- a/packages/dashboard/src/routes/(app)/instances/[instanceId]/version/+page.svelte
+++ b/packages/dashboard/src/routes/(app)/instances/[instanceId]/version/+page.svelte
@@ -76,7 +76,7 @@
 </script>
 
 <div class="max-w-2xl"> 
-<CardHeader documentation={`/docs/upgrading`}>Version Change</CardHeader>
+<CardHeader documentation={`/docs/versions`}>Version Change</CardHeader>
 
   {#if power}
     <AlertBar message="Your instance must be powered off to change the version." type="error" />
diff --git a/packages/dashboard/src/routes/(static)/docs/+layout.svelte b/packages/dashboard/src/routes/(static)/docs/+layout.svelte
index f26bc9b9..02e5b858 100644
--- a/packages/dashboard/src/routes/(static)/docs/+layout.svelte
+++ b/packages/dashboard/src/routes/(static)/docs/+layout.svelte
@@ -25,7 +25,7 @@
     if (windowWidth < 768) sidebarOpen = false
   }
 
-  $: ({ title, description, ogImage } = data.meta || {});
+  $: ({ title, description } = data.meta || {});
   
 
 </script>
@@ -40,8 +40,8 @@
     <meta property="og:description" content={description} />
     {/if}
 
-    {#if ogImage}
-        <meta property="og:image" content={ogImage} />
+    {#if title}
+        <meta property="og:image" content={"https://cdn.cheto.app/og/joioes1x8zagn0v?name=" + encodeURIComponent(title)} />
     {/if}
 
     <meta name="twitter:card" content="summary_large_image" />
@@ -51,8 +51,8 @@
     <meta name="twitter:description" content={description} />
     {/if}
 
-    {#if ogImage}
-        <meta name="twitter:image" content={ogImage} />
+    {#if title}
+        <meta name="twitter:image" content={"https://cdn.cheto.app/og/joioes1x8zagn0v?name=" + encodeURIComponent(title)} />
     {/if}
 </svelte:head>
 
diff --git a/packages/dashboard/src/routes/(static)/docs/accessing/+page.md b/packages/dashboard/src/routes/(static)/docs/accessing/+page.md
index c9739e82..8e2e0cfe 100644
--- a/packages/dashboard/src/routes/(static)/docs/accessing/+page.md
+++ b/packages/dashboard/src/routes/(static)/docs/accessing/+page.md
@@ -1,7 +1,6 @@
 ---
 title: Accessing an Instance
 description: Learn how to access your PocketBase instance managed by PocketHost
-ogImage: /docs/accessing.png
 ---
 # Accessing an Instance