fix: scroll when mobile modal is open

aave · Apr 25, 2023 · 5e32dc9 · 5e32dc9
1 parent edac3d1
commit 5e32dc9
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/layouts/components/DrawerWrapper.tsx b/src/layouts/components/DrawerWrapper.tsx
@@ -1,5 +1,5 @@
 import { Drawer } from '@mui/material';
-import { ReactNode } from 'react';
+import { ReactNode, useEffect } from 'react';
 
 interface DrawerWrapperProps {
   open: boolean;
@@ -9,6 +9,10 @@ interface DrawerWrapperProps {
 }
 
 export const DrawerWrapper = ({ open, setOpen, children, headerHeight }: DrawerWrapperProps) => {
+  useEffect(() => {
+    document.body.style.overflow = open ? 'hidden' : 'auto';
+  });
+
   return (
     <Drawer
       data-cy={`mobile-menu`}