Ryan/docmost
1
0
Fork 0
mirror of https://github.com/docmost/docmost.git synced 2025-11-23 21:31:27 +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>
{content.length > 0 ? (
<div className={classes.container}>
{content.map((item) => (
<a
key={item.id}
href={`#${item.id}`}
style={{ marginLeft: `${1 * item.level - 1}rem` }}
onClick={onItemClick}
className={clsx(
classes.link,
item.isActive && classes.linkActive,
)}
>
{item.itemIndex}. {item.textContent}
</a>
))}
{content
.filter((item) => item.level <= 3)
.map((item) => (
<a
key={item.id}
href={`#${item.id}`}
style={{ marginLeft: `${1 * item.level - 1}rem` }}
onClick={onItemClick}
className={clsx(
classes.link,
item.isActive && classes.linkActive,
)}
>
{item.itemIndex}. {item.textContent}
</a>
))}
</div>
) : (
<div className={classes.emptyState}>