mirror of
https://github.com/netbirdio/docs.git
synced 2026-04-18 16:36:35 +00:00
add doc sidebar
This commit is contained in:
19
src/theme/DocSidebar/index.js
Normal file
19
src/theme/DocSidebar/index.js
Normal file
@@ -0,0 +1,19 @@
|
|||||||
|
import React from 'react';
|
||||||
|
import {useWindowSize} from '@docusaurus/theme-common';
|
||||||
|
import DocSidebarDesktop from '@theme/DocSidebar/Desktop';
|
||||||
|
import DocSidebarMobile from '@theme/DocSidebar/Mobile';
|
||||||
|
export default function DocSidebar(props) {
|
||||||
|
const windowSize = useWindowSize();
|
||||||
|
// Desktop sidebar visible on hydration: need SSR rendering
|
||||||
|
const shouldRenderSidebarDesktop =
|
||||||
|
windowSize === 'desktop' || windowSize === 'ssr';
|
||||||
|
// Mobile sidebar not visible on hydration: can avoid SSR rendering
|
||||||
|
const shouldRenderSidebarMobile = windowSize === 'mobile';
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
{shouldRenderSidebarDesktop && <DocSidebarDesktop {...props} />}
|
||||||
|
{shouldRenderSidebarMobile && <DocSidebarMobile {...props} />}
|
||||||
|
{/*<DocSidebarMobile {...props} />*/}
|
||||||
|
</>
|
||||||
|
);
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user