Moves heading check logic into the TableOfContents component

namesakefyi · Jan 8, 2025 · 6cce883 · 6cce883
1 parent 1982963
commit 6cce883
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/src/components/TableOfContents.astro b/src/components/TableOfContents.astro
@@ -6,10 +6,12 @@ interface Props {
 }
 
 const { headings } = Astro.props;
+
+const showTOC = headings && headings.length > 2;
 ---
 
 {
-  headings?.length && (
+  showTOC && (
     <nav class="toc" aria-labelledby="tocHeader">
       <h2 class="toc-header" id="tocHeader">
         On this page

diff --git a/src/layouts/ProseLayout.astro b/src/layouts/ProseLayout.astro
@@ -28,7 +28,6 @@ const {
   color,
   headings,
 } = Astro.props;
-const useTableOfContents = headings && headings.length > 0;
 ---
 
 <BaseLayout
@@ -50,7 +49,7 @@ const useTableOfContents = headings && headings.length > 0;
       annotation={annotation}
     />
     <slot name="after-header" />
-    {useTableOfContents && <TableOfContents headings={headings} />}
+    <TableOfContents headings={headings} />
     <section itemprop="articleBody" class="prose">
       <slot />
     </section>