Merge pull request #536 from entur/fix/fix-menu-mobile-when-few-items

Gjør at bunnmenyen forblir synlig på mobil ved innlasting
entur · Nov 22, 2021 · ea1b431 · ea1b431
2 parents a3dcaab + 490f89f
commit ea1b431
Showing 1 changed file with 3 additions and 5 deletions.
diff --git a/src/containers/DashboardWrapper/BottomMenu/index.tsx b/src/containers/DashboardWrapper/BottomMenu/index.tsx
@@ -34,7 +34,7 @@ function BottomMenu({ className }: Props): JSX.Element {
     const user = useUser()
     const width = useWindowWidth()
     const [settings] = useSettingsContext()
-    const [menuHiddenByScroll, setMenuHiddenByScroll] = useState(true)
+    const [menuHiddenByScroll, setMenuHiddenByScroll] = useState(false)
     const [isMobileWidth, setIsMobileWidth] = useState<boolean>(
         document.body.clientWidth <= 900,
     )
@@ -134,10 +134,8 @@ function BottomMenu({ className }: Props): JSX.Element {
     }, [width])
 
     useEffect(() => {
-        if (menuRef.current) {
-            isMobileWidth
-                ? menuRef.current.classList.add('hidden-menu')
-                : menuRef.current.classList.remove('hidden-menu')
+        if (menuRef.current && !isMobileWidth) {
+            menuRef.current.classList.remove('hidden-menu')
         }
     }, [isMobileWidth])