From 86fc7506eea55d5cd6d18f83be11ce308fb0a73b Mon Sep 17 00:00:00 2001
From: Terry Sutton <saltcod@gmail.com>
Date: Tue, 6 Dec 2022 22:33:04 -0330
Subject: [PATCH] Fix item highlighting

---
 apps/docs/layouts/ref/RefSubLayout.tsx                | 4 +++-
 apps/docs/pages/reference/dart/[...slug].tsx          | 2 +-
 apps/docs/pages/reference/dart/v0/[...slug].tsx       | 2 +-
 apps/docs/pages/reference/javascript/[...slug].tsx    | 2 +-
 apps/docs/pages/reference/javascript/v1/[...slug].tsx | 2 +-
 5 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/apps/docs/layouts/ref/RefSubLayout.tsx b/apps/docs/layouts/ref/RefSubLayout.tsx
index c56466caf6b..d0c89058641 100644
--- a/apps/docs/layouts/ref/RefSubLayout.tsx
+++ b/apps/docs/layouts/ref/RefSubLayout.tsx
@@ -18,6 +18,7 @@ type RefSubLayoutSubComponents = {
 
 type StickyHeader = {
   id: string
+  slug?: string
   title?: string
   monoFont?: boolean
   scrollSpyHeader?: boolean // whether or not the header updates the url on scroll
@@ -36,6 +37,7 @@ const RefSubLayout: FC<RefSubLayoutType> & RefSubLayoutSubComponents = (props) =
 }
 
 const Section: FC<ISectionContainer> = (props) => {
+  console.log({ props })
   return (
     <article key={props.id}>
       <StickyHeader {...props} />
@@ -57,7 +59,7 @@ const StickyHeader: FC<StickyHeader> = (props) => {
   return (
     <h2
       ref={ref}
-      id={props.id}
+      id={props.slug}
       className={[
         'text-xl font-medium text-scale-1200 mb-8 scroll-mt-24',
         props.monoFont && 'font-mono',
diff --git a/apps/docs/pages/reference/dart/[...slug].tsx b/apps/docs/pages/reference/dart/[...slug].tsx
index ec3d7a62720..462e2460cd2 100644
--- a/apps/docs/pages/reference/dart/[...slug].tsx
+++ b/apps/docs/pages/reference/dart/[...slug].tsx
@@ -76,7 +76,7 @@ export default function DartReference(props) {
               key={item.id}
               title={item.meta.title}
               id={item.id}
-              slug={item.id}
+              slug={item.slug}
               scrollSpyHeader={true}
             >
               <RefSubLayout.Details>
diff --git a/apps/docs/pages/reference/dart/v0/[...slug].tsx b/apps/docs/pages/reference/dart/v0/[...slug].tsx
index f6f3eb0ee39..472cd3fb3cb 100644
--- a/apps/docs/pages/reference/dart/v0/[...slug].tsx
+++ b/apps/docs/pages/reference/dart/v0/[...slug].tsx
@@ -76,7 +76,7 @@ export default function DartReference(props) {
               key={item.id}
               title={item.meta.title}
               id={item.id}
-              slug={item.id}
+              slug={item.slug}
               scrollSpyHeader={true}
             >
               <RefSubLayout.Details>
diff --git a/apps/docs/pages/reference/javascript/[...slug].tsx b/apps/docs/pages/reference/javascript/[...slug].tsx
index 457fe308325..b657ebf602f 100644
--- a/apps/docs/pages/reference/javascript/[...slug].tsx
+++ b/apps/docs/pages/reference/javascript/[...slug].tsx
@@ -80,7 +80,7 @@ export default function JSReference(props) {
               key={item.id}
               title={item.meta.title}
               id={item.id}
-              slug={item.id}
+              slug={item.slug}
               scrollSpyHeader={true}
             >
               <RefSubLayout.Details>
diff --git a/apps/docs/pages/reference/javascript/v1/[...slug].tsx b/apps/docs/pages/reference/javascript/v1/[...slug].tsx
index c90d741caa0..220f589a74b 100644
--- a/apps/docs/pages/reference/javascript/v1/[...slug].tsx
+++ b/apps/docs/pages/reference/javascript/v1/[...slug].tsx
@@ -76,7 +76,7 @@ export default function DartReference(props) {
               key={item.id}
               title={item.meta.title}
               id={item.id}
-              slug={item.id}
+              slug={item.slug}
               scrollSpyHeader={true}
             >
               <RefSubLayout.Details>