From 9566065160c6e2379d95bdc9e7fe8a6445b81b0d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=C3=A8sAbhi?= <43380238+tresabhi@users.noreply.github.com>
Date: Wed, 28 Aug 2024 17:47:29 -0500
Subject: [PATCH] fix: missing titles

---
 src/app/docs/[directory]/[document]/page.tsx | 39 +++++++++++---------
 src/app/docs/patches/page.tsx                | 33 +++++++++--------
 2 files changed, 40 insertions(+), 32 deletions(-)

diff --git a/src/app/docs/[directory]/[document]/page.tsx b/src/app/docs/[directory]/[document]/page.tsx
index 3c59f90ae..781922efc 100644
--- a/src/app/docs/[directory]/[document]/page.tsx
+++ b/src/app/docs/[directory]/[document]/page.tsx
@@ -17,24 +17,29 @@ export default function Page({
       )}/docs/${params.directory}/${params.document}.md`,
     ).then((response) => response.text()),
   );
+  const title = markdown.split('\n')[0].replaceAll(/[^a-zA-Z0-9 \.&]/g, '');
 
   return (
-    <PageWrapper>
-      <Markdown
-        options={{
-          overrides: {
-            a: { component: Link },
-            table: { component: Table.Root },
-            thead: { component: Table.Header },
-            tbody: { component: Table.Body },
-            tr: { component: Table.Row },
-            th: { component: Table.ColumnHeaderCell },
-            td: { component: Table.Cell },
-          },
-        }}
-      >
-        {markdown}
-      </Markdown>
-    </PageWrapper>
+    <>
+      <title>{title}</title>
+
+      <PageWrapper>
+        <Markdown
+          options={{
+            overrides: {
+              a: { component: Link },
+              table: { component: Table.Root },
+              thead: { component: Table.Header },
+              tbody: { component: Table.Body },
+              tr: { component: Table.Row },
+              th: { component: Table.ColumnHeaderCell },
+              td: { component: Table.Cell },
+            },
+          }}
+        >
+          {markdown}
+        </Markdown>
+      </PageWrapper>
+    </>
   );
 }
diff --git a/src/app/docs/patches/page.tsx b/src/app/docs/patches/page.tsx
index 26b27c9c5..60181877b 100644
--- a/src/app/docs/patches/page.tsx
+++ b/src/app/docs/patches/page.tsx
@@ -6,21 +6,24 @@ import PageWrapper from '../../../components/PageWrapper';
 
 export default async function Page() {
   return (
-    <PageWrapper>
-      <Heading>BlitzKit patch notes</Heading>
+    <>
+      <title>BlitzKit - Patch Notes</title>
+      <PageWrapper>
+        <Heading>BlitzKit patch notes</Heading>
 
-      <Flex wrap="wrap" gap="4">
-        {versions
-          .sort(compareVersions)
-          .reverse()
-          .map((version) => {
-            return (
-              <Link key={version} href={`/docs/changelogs/${version}`}>
-                {version}
-              </Link>
-            );
-          })}
-      </Flex>
-    </PageWrapper>
+        <Flex wrap="wrap" gap="4">
+          {versions
+            .sort(compareVersions)
+            .reverse()
+            .map((version) => {
+              return (
+                <Link key={version} href={`/docs/changelogs/${version}`}>
+                  {version}
+                </Link>
+              );
+            })}
+        </Flex>
+      </PageWrapper>{' '}
+    </>
   );
 }