useScrollbarClass()

carbonplan · Mar 18, 2022 · 4e6890c · 4e6890c · vercel · Mar 18, 2022
1 parent 0b153cf
commit 4e6890c
Show file tree

Hide file tree

Showing 3 changed files with 877 additions and 4,363 deletions.
diff --git a/components/sidebar/index.js b/components/sidebar/index.js
@@ -1,6 +1,6 @@
 import { useState, useEffect } from 'react'
-import { Box, Badge, Text, Flex, Link } from 'theme-ui'
-import { alpha } from '@theme-ui/color'
+import { Box, Text, Link } from 'theme-ui'
+import { useScrollbarClass } from '@carbonplan/components'
 import Header from './header'
 import Menu from './menu'
 import Layers from './layers'
@@ -14,6 +14,7 @@ function Sidebar({
   scrollSidebar,
 }) {
   const [showMenu, setShowMenu] = useState(false)
+  const className = useScrollbarClass()
 
   useEffect(() => {
     if (scrollSidebar) {
@@ -75,6 +76,7 @@ function Sidebar({
       <Header showMenu={showMenu} toggleMenu={() => setShowMenu(!showMenu)} />
       <Box
         id='sidebar'
+        className={className}
         sx={{
           position: 'relative',
           flex: 1,