Fixes navigation to docs

eelcoj · eelcoj · commit 4ac8f33b4bbb · 2022-12-02T17:18:39.000+07:00
diff --git a/src/components/Header.astro b/src/components/Header.astro
@@ -1,7 +1,7 @@
 <header class="sticky top-0 z-50 flex items-center justify-between px-3 py-2 border-b shadow-lg bg-white/90 backdrop-blur-sm border-slate-400/40">
   <div class="flex items-center flex-grow basis-0">
-    <a href="" class="text-lg font-semibold tracking-tight text-slate-900">
-      Spinal docs
+    <a href="/" class="text-lg font-semibold tracking-tight text-slate-900">
+      Spinal docs for Astro
     </a>
   </div>
 
diff --git a/src/components/Navigation.astro b/src/components/Navigation.astro
@@ -34,7 +34,7 @@ const groupedDocs = docs.reduce((docs, object) => {
               {
                 section[1].map((item) => (
                   <li>
-                    <a href="{item.title}" class="text-slate-900 hover:text-slate-800">
+                    <a href={item.url} class="text-slate-900 hover:text-slate-800">
                       {item.frontmatter.title}
                     </a>
                   </li>

Original file line number	Diff line number	Diff line change
`@@ -34,7 +34,7 @@ const groupedDocs = docs.reduce((docs, object) => {`
`34`	`34`	`{`
`35`	`35`	`section[1].map((item) => (`
`36`	`36`	`<li>`
`37`		`- <a href="{item.title}" class="text-slate-900 hover:text-slate-800">`
	`37`	`+ <a href={item.url} class="text-slate-900 hover:text-slate-800">`
`38`	`38`	`{item.frontmatter.title}`
`39`	`39`	`</a>`
`40`	`40`	`</li>`