diff options
Diffstat (limited to 'smoke/docs-main/src/components/Header/SidebarToggle.tsx')
| -rw-r--r-- | smoke/docs-main/src/components/Header/SidebarToggle.tsx | 27 |
1 files changed, 0 insertions, 27 deletions
diff --git a/smoke/docs-main/src/components/Header/SidebarToggle.tsx b/smoke/docs-main/src/components/Header/SidebarToggle.tsx deleted file mode 100644 index 90b180461..000000000 --- a/smoke/docs-main/src/components/Header/SidebarToggle.tsx +++ /dev/null @@ -1,27 +0,0 @@ -import type { FunctionalComponent } from 'preact'; -import { h, Fragment } from 'preact'; -import { useState, useEffect } from 'preact/hooks'; - -const MenuToggle: FunctionalComponent = () => { - const [sidebarShown, setSidebarShown] = useState(false); - - useEffect(() => { - const body = document.getElementsByTagName('body')[0]; - if (sidebarShown) { - body.classList.add('mobile-sidebar-toggle'); - } else { - body.classList.remove('mobile-sidebar-toggle'); - } - }, [sidebarShown]); - - return ( - <button type="button" aria-pressed={sidebarShown ? 'true' : 'false'} id="menu-toggle" onClick={() => setSidebarShown(!sidebarShown)}> - <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 24 24" stroke="currentColor"> - <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" /> - </svg> - <span className="sr-only">Toggle sidebar</span> - </button> - ); -}; - -export default MenuToggle; |