@acuteinfo/common-screens 1.0.30 → 1.0.31

package/dist/index.js

@@ -2549,32 +2549,29 @@ const checkDateAndDisplay = (dateStr) => {
 };
 
 const drawerWidth = 227;
-const drawerWidthClosed = 65;
 const useStyles = makeStyles((theme) => {
     return {
         drawerPaper: {
             position: "relative",
             whiteSpace: "nowrap",
             width: drawerWidth,
-            // transition: theme.transitions.create("width", {
-            //   easing: theme.transitions.easing.sharp,
-            //   duration: theme.transitions.duration.enteringScreen,
-            // }),
-            transition: ".5s ease",
+            transition: theme.transitions.create("width", {
+                easing: theme.transitions.easing.sharp,
+                duration: theme.transitions.duration.enteringScreen,
+            }),
             border: "none",
             overflow: "hidden",
             zIndex: 120,
         },
         drawerPaperClose: {
             overflowX: "hidden",
-            // transition: theme.transitions.create("width", {
-            //   easing: theme.transitions.easing.sharp,
-            //   duration: theme.transitions.duration.leavingScreen,
-            // }),
-            transition: ".5s ease",
-            width: drawerWidthClosed,
+            transition: theme.transitions.create("width", {
+                easing: theme.transitions.easing.sharp,
+                duration: theme.transitions.duration.leavingScreen,
+            }),
+            width: theme.spacing(8),
             [theme.breakpoints.up("sm")]: {
-                width: drawerWidthClosed,
+                width: theme.spacing(8),
             },
         },
         toolbarIcon: {
@@ -3195,7 +3192,7 @@ const SideBar = ({ authState, handleDrawerOpen, open, rootUrl, dashboardUrl = "d
 const SidebarWrapper = (props) => {
     const classes = useStyles();
     return (jsxs(Drawer, { variant: "permanent", classes: {
-            paper: clsx(classes.drawerPaper, !open && classes.drawerPaperClose),
+            paper: clsx(classes.drawerPaper, !props.open && classes.drawerPaperClose),
         }, open: props.open, children: [jsx("div", { className: classes.toolbarIcon }), jsx(SideBar, { ...props })] }));
 };