fix: Drawer does not close (by lemattma)

Passing `open` to the Styled component doesn't refresh the `transform` CSS property. Resolves: Issue byteyilabs#106
letuanhai · Oct 15, 2023 · c3b5906 · c3b5906
1 parent e9a4496
commit c3b5906
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/packages/extension/src/ui/containers/App/index.js b/packages/extension/src/ui/containers/App/index.js
@@ -118,7 +118,13 @@ const App = () => {
   }, [getPlayer, history, open, pathname]);
 
   return (
-    <StyledDrawer open={open} className={open && 'panel-shadow'}>
+    <StyledDrawer
+      // fixes toggling the drawer open and closed.
+      // For some reason passing `open` doesn't update the component's styles
+      style={{ transform: open ? 'translateX(0)' : 'translateX(100%)' }}
+      open={open}
+      className={open && 'panel-shadow'}
+    >
       <Grid container>
         <Header />
         <StyledViewWrapper>