From 0475635dbf99ec969234213f3d2290101c48dfab Mon Sep 17 00:00:00 2001
From: Ryan Palmer <admin@ryanpalmer.tech>
Date: Wed, 4 Sep 2024 15:34:15 +1000
Subject: [PATCH] Conditional showing of page icons checkbox

---
 .../table-of-contents-menu.tsx                | 20 ++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/apps/client/src/features/editor/components/table-of-contents/table-of-contents-menu.tsx b/apps/client/src/features/editor/components/table-of-contents/table-of-contents-menu.tsx
index 1677c37..dcd4dd0 100644
--- a/apps/client/src/features/editor/components/table-of-contents/table-of-contents-menu.tsx
+++ b/apps/client/src/features/editor/components/table-of-contents/table-of-contents-menu.tsx
@@ -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>