Conditional showing of page icons checkbox

This commit is contained in:
Ryan Palmer
2024-09-04 15:34:15 +10:00
parent 9a11d1d086
commit 0475635dbf

View File

@ -104,15 +104,17 @@ export function TableOfContentsMenu({ editor }: EditorMenuProps) {
onChange={(value: "Contents" | "Child Pages") => setTableType(value)}
/>
</Tooltip>
<Tooltip position="top" label="Show page icons">
<Group gap="xs">
<Text size="sm">Page Icons</Text>
<Checkbox
checked={editor.getAttributes("tableOfContents").icons}
onChange={(event) => setPageIcons(event.currentTarget.checked)}
/>
</Group>
</Tooltip>
{editor.getAttributes("tableOfContents").tableType == "Child Pages" && (
<Tooltip position="top" label="Show page icons">
<Group gap="xs">
<Text size="sm">Page Icons</Text>
<Checkbox
checked={editor.getAttributes("tableOfContents").icons}
onChange={(event) => setPageIcons(event.currentTarget.checked)}
/>
</Group>
</Tooltip>
)}
</Group>
</Fieldset>
</BaseBubbleMenu>