feat: add fallback state for empty table of contents

This commit is contained in:
Mauricio Siu
2025-03-02 21:39:13 -06:00
parent c89a28f0f5
commit f385829bb7

View File

@@ -47,6 +47,8 @@ export function TableOfContents() {
<nav className="space-y-2 text-sm"> <nav className="space-y-2 text-sm">
<p className="font-medium mb-4">Table of Contents</p> <p className="font-medium mb-4">Table of Contents</p>
<ul className="space-y-2"> <ul className="space-y-2">
{headings.length > 0 ? (
<>
{headings.map((heading) => ( {headings.map((heading) => (
<li <li
key={heading.id} key={heading.id}
@@ -70,6 +72,12 @@ export function TableOfContents() {
</a> </a>
</li> </li>
))} ))}
</>
) : (
<li>
<p className="text-muted-foreground">No headings found</p>
</li>
)}
</ul> </ul>
</nav> </nav>
); );