Ryan/docmost
1
0
Fork 0
mirror of https://github.com/docmost/docmost.git synced 2025-11-24 12:41:07 +10:00
Code Issues Packages Projects Releases Wiki Activity

3 levels

Browse Source
This commit is contained in:
Philipinho
2025-10-15 12:22:55 +01:00
parent 2b6ac81c61
commit ea27919079
1 changed files with 16 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
apps/client/src/features/editor/components/table-of-contents/table-of-contents-nodeview.tsx
View File

@ -24,20 +24,22 @@ export const TableOfContentsNodeview = memo(
<div className={classes.header}>Table of contents</div> <div className={classes.header}>Table of contents</div>
{content.length > 0 ? ( {content.length > 0 ? (
<div className={classes.container}> <div className={classes.container}>
{content.map((item) => ( {content
<a .filter((item) => item.level <= 3)
key={item.id} .map((item) => (
href={`#${item.id}`} <a
style={{ marginLeft: `${1 * item.level - 1}rem` }} key={item.id}
onClick={onItemClick} href={`#${item.id}`}
className={clsx( style={{ marginLeft: `${1 * item.level - 1}rem` }}
classes.link, onClick={onItemClick}
item.isActive && classes.linkActive, className={clsx(
)} classes.link,
> item.isActive && classes.linkActive,
{item.itemIndex}. {item.textContent} )}
</a> >
))} {item.itemIndex}. {item.textContent}
</a>
))}
</div> </div>
) : ( ) : (
<div className={classes.emptyState}> <div className={classes.emptyState}>