set appbar visible

psicoadmin/src/Components/Dashboard.js

@@ -250,7 +250,7 @@ function DashboardContent() {
                     </Toolbar>
                     <Divider />
                     <List>
-                        <MainListItems AppBarVisible={open} />
+                        <MainListItems AppBarVisible={open}  setAppBarVisible={setOpen} />
                     </List>
                     <Divider />
                     <List>

psicoadmin/src/Components/listItems.js

@@ -28,7 +28,7 @@ import ExpandMore from '@mui/icons-material/ExpandMore';
 import { useNavigate } from 'react-router-dom'
 import useAuth from '../Auth/useAuth'
     
-const SubMenuIndex = [5,6,7,8,9] 
+const SubMenuList = [5,6,7,8,9]
 
 function SubMenuItem (props) {
 
@@ -117,25 +117,28 @@ export const MainListItems = (props) =>  {
 
     const [open, setOpen] = React.useState(false);
 
-    const showPruebas = () => {
-        console.log(props ,open,  selectedIndex   )
-        if(props.AppBarVisible){
-            // handleListItemClick(-1)
-            setOpen(!open);
+    React.useEffect( () => {
+
+        if(!props.AppBarVisible ){
+            return setOpen(false)
         }
-    };
 
-    React.useEffect(() => {
-        if(!props.AppBarVisible && open){
-            setOpen(false)
-        }else{
-            if( SubMenuIndex.includes(selectedIndex)  ){
-                setOpen(true)
-            }
+        if( SubMenuList.includes(selectedIndex) && !open ){
+            return setOpen(true)
+        }else if( !SubMenuList.includes(selectedIndex ) ){
+            return setOpen(false)
         }
-    // },[props, selectedIndex])
-    })
 
+        
+
+    }, [props, selectedIndex])
+
+    const showPruebas = () => {
+        if(!props.AppBarVisible){
+            props.setAppBarVisible(true);
+        }
+        setOpen(!open);
+    };
 
     return(
         <List>
@@ -147,8 +150,8 @@ export const MainListItems = (props) =>  {
             <Item icon={<EqualizerIcon/>} selected={selectedIndex}  change={handleListItemClick} index={4} title="Resultados" route="resultados" />
             {/* <Item icon={<FingerprintIcon/>} selected={selectedIndex}  change={handleListItemClick} index={5} title="Pruebas" route="/pruebas" /> */}
 
-           {/* <ListItem selected={  SubMenuIndex.includes(selectedIndex) && !props.AppBarVisible} onClick={showPruebas}> */}
-           <ListItem selected={  SubMenuIndex.includes(selectedIndex) && !open } onClick={showPruebas}>
+           <ListItem selected={ SubMenuList.includes(selectedIndex) } onClick={showPruebas}>
+           {/* <ListItem selected={  SubMenuIndex.includes(selectedIndex) && !open } onClick={showPruebas}> */}
                 <ListItemIcon>
                     <FingerprintIcon />
                 </ListItemIcon>