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)} onChange={(value: "Contents" | "Child Pages") => setTableType(value)}
/> />
</Tooltip> </Tooltip>
<Tooltip position="top" label="Show page icons"> {editor.getAttributes("tableOfContents").tableType == "Child Pages" && (
<Group gap="xs"> <Tooltip position="top" label="Show page icons">
<Text size="sm">Page Icons</Text> <Group gap="xs">
<Checkbox <Text size="sm">Page Icons</Text>
checked={editor.getAttributes("tableOfContents").icons} <Checkbox
onChange={(event) => setPageIcons(event.currentTarget.checked)} checked={editor.getAttributes("tableOfContents").icons}
/> onChange={(event) => setPageIcons(event.currentTarget.checked)}
</Group> />
</Tooltip> </Group>
</Tooltip>
)}
</Group> </Group>
</Fieldset> </Fieldset>
</BaseBubbleMenu> </BaseBubbleMenu>