Improved the Drawer

src/Admin/Pages/Pages/Admin.js

@@ -56,7 +56,7 @@ export default function Admin() {
     });
     const [IndexIcon, setIndexIcon] = useState(0);
 
-    {/**************** Controlls the state of the Drawer ****************/}
+    {/**************** Controlls the state of the Drawer ****************/ }
     const toggleDrawer = (anchor, open) => (event) => {
         if (event.type === 'keydown' && (event.key === 'Tab' || event.key === 'Shift')) {
             return;
@@ -65,7 +65,7 @@ export default function Admin() {
         setState({ ...state, [anchor]: open });
     };
 
-    {/**************** Dsiplay the itens of the Drawer ****************/}
+    {/**************** Dsiplay the itens of the Drawer ****************/ }
     const list = (anchor) => (
         <div
             className={clsx(classes.list, {
@@ -91,21 +91,19 @@ export default function Admin() {
     return (
         <div>
             {/**************** Begin of the Drawer ****************/}
-            {['left'].map((anchor) => (
-                <React.Fragment key={anchor}>
-                    <Drawer anchor={anchor} open={state[anchor]} onClose={toggleDrawer(anchor, false)}>
-                        {list(anchor)}
-                    </Drawer>
-                </React.Fragment>
-            ))}
-            {/**************** End of the Drawer****************/} 
+            <React.Fragment>
+                <Drawer anchor={'left'} open={state['left']} onClose={toggleDrawer('left', false)}>
+                    {list('left')}
+                </Drawer>
+            </React.Fragment>
+            {/**************** End of the Drawer****************/}
 
             {/**************** Begin of the Content ****************/}
             <div style={{ paddingTop: '2em', paddingLeft: '2em', paddingRight: '2em', paddingBottom: '2em', backgroundColor: '	#D3D3D3' }}>
                 <DisplayContent selectedIcon={IndexIcon} />
             </div>
             {/**************** End of the Content ****************/}
-            
+
             {/**************** FLoating action Button ****************/}
             <Fab color="primary" aria-label="add" style={fab} onClick={toggleDrawer('left', true)}>
                 <MenuIcon />