From 0851e0e5bfb46cae7b75f08fa41b28c43f36b7b2 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?S=C3=A9bastien=20Lorber?= Date: Thu, 15 Jul 2021 09:51:23 +0200 Subject: [PATCH] fix(v2): hide mobile collapsible doc toc if no headings (#5172) --- .../src/theme/DocItem/index.tsx | 11 +++++------ 1 file changed, 5 insertions(+), 6 deletions(-) diff --git a/packages/docusaurus-theme-classic/src/theme/DocItem/index.tsx b/packages/docusaurus-theme-classic/src/theme/DocItem/index.tsx index 075c860c0d..d2519e51fb 100644 --- a/packages/docusaurus-theme-classic/src/theme/DocItem/index.tsx +++ b/packages/docusaurus-theme-classic/src/theme/DocItem/index.tsx @@ -56,15 +56,14 @@ function DocItem(props: Props): JSX.Element { const windowSize = useWindowSize(); + const canRenderTOC = + !hideTableOfContents && DocContent.toc && DocContent.toc.length > 0; + const renderTocMobile = - !hideTableOfContents && - DocContent.toc && - (windowSize === 'mobile' || windowSize === 'ssr'); + canRenderTOC && (windowSize === 'mobile' || windowSize === 'ssr'); const renderTocDesktop = - !hideTableOfContents && - DocContent.toc && - (windowSize === 'desktop' || windowSize === 'ssr'); + canRenderTOC && (windowSize === 'desktop' || windowSize === 'ssr'); return ( <>