From 0fc90e5cebd0759219d294a096b4ff2287711b1e Mon Sep 17 00:00:00 2001
From: buttercat1791 <mjjurkoic@gmail.com>
Date: Mon, 30 Jun 2025 09:23:39 -0500
Subject: [PATCH] Use ToC hrefs for proper navigation

---
 src/lib/components/publications/Publication.svelte     | 5 +++--
 src/lib/components/publications/TableOfContents.svelte | 3 +--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/lib/components/publications/Publication.svelte b/src/lib/components/publications/Publication.svelte
index a9daf52..f183806 100644
--- a/src/lib/components/publications/Publication.svelte
+++ b/src/lib/components/publications/Publication.svelte
@@ -167,8 +167,9 @@
 <!-- Table of contents -->
 {#if publicationType !== 'blog' || !isLeaf}
   {#if $publicationColumnVisibility.toc}
-    <Sidebar class='sidebar-leather left-0 md:!pr-8 overflow-y-auto'>
-      <CloseButton onclick={closeToc} class='btn-leather absolute top-0 right-0' />
+    <Sidebar
+      activeUrl={`#${activeAddress ?? ''}`}
+    >
       <TableOfContents
         displayMode='sidebar'
         rootAddress={rootAddress}
diff --git a/src/lib/components/publications/TableOfContents.svelte b/src/lib/components/publications/TableOfContents.svelte
index 09280b8..58694d9 100644
--- a/src/lib/components/publications/TableOfContents.svelte
+++ b/src/lib/components/publications/TableOfContents.svelte
@@ -46,7 +46,6 @@
   }
 </script>
 
-<!-- TODO: Href doesn't work with query params. -->
 <!-- Michael J - 16 June 2025 - Accordion mode is untested. -->
 {#if displayMode === 'accordion'}
   <Accordion multiple>
@@ -80,9 +79,9 @@
       {@const expanded = toc.expandedMap.get(address) ?? false}
       {@const isLeaf = toc.leaves.has(address)}
       {#if isLeaf}
-        <!-- TODO: Add href -->
         <SidebarItem
           label={entry.title}
+          href={`#${address}`}
           onclick={() => onSectionFocused?.(address)}
         />
       {:else}