From d9e53093f5f384a282e279bb31e6dc71c2e0cf84 Mon Sep 17 00:00:00 2001
From: iCrawl <buechler.noel@outlook.com>
Date: Mon, 22 Aug 2022 14:32:59 +0200
Subject: [PATCH] fix: properly check for properties and methods

---
 packages/website/src/components/DocContainer.tsx |  4 ++--
 .../src/components/TableOfContentItems.tsx       | 16 ++++++++++++----
 2 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/packages/website/src/components/DocContainer.tsx b/packages/website/src/components/DocContainer.tsx
index 9c5c1159b..2b332a1b8 100644
--- a/packages/website/src/components/DocContainer.tsx
+++ b/packages/website/src/components/DocContainer.tsx
@@ -104,7 +104,7 @@ export function DocContainer({
 					<Stack>{children}</Stack>
 				</Stack>
 			</Stack>
-			{kind === 'Class' && methods && properties ? (
+			{kind === 'Class' && (methods?.length || properties?.length) ? (
 				<MediaQuery smallerThan="md" styles={{ display: 'none' }}>
 					<Aside
 						sx={{ backgroundColor: 'transparent' }}
@@ -113,7 +113,7 @@ export function DocContainer({
 						withBorder={false}
 					>
 						<ScrollArea p="xs">
-							<TableOfContentItems properties={properties} methods={methods}></TableOfContentItems>
+							<TableOfContentItems properties={properties ?? []} methods={methods ?? []}></TableOfContentItems>
 						</ScrollArea>
 					</Aside>
 				</MediaQuery>
diff --git a/packages/website/src/components/TableOfContentItems.tsx b/packages/website/src/components/TableOfContentItems.tsx
index 2158e92b4..3bf8175fc 100644
--- a/packages/website/src/components/TableOfContentItems.tsx
+++ b/packages/website/src/components/TableOfContentItems.tsx
@@ -68,10 +68,18 @@ export function TableOfContentItems({
 				<VscListSelection size={20} />
 				<Text>Table of content</Text>
 			</Group>
-			<Text>Properties</Text>
-			{propertyItems}
-			<Text>Methods</Text>
-			{methodItems}
+			{propertyItems.length ? (
+				<>
+					<Text>Properties</Text>
+					{propertyItems}
+				</>
+			) : null}
+			{methodItems.length ? (
+				<>
+					<Text>Methods</Text>
+					{methodItems}
+				</>
+			) : null}
 		</Box>
 	);
 }