set appbar visible

psicoadmin/src/Components/Dashboard.js

                     </Toolbar>
                     <Divider />
                     <List>
-                        <MainListItems AppBarVisible={open} />
+                        <MainListItems AppBarVisible={open}  setAppBarVisible={setOpen} />
                     </List>
                     <Divider />
                     <List>

psicoadmin/src/Components/listItems.js

 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) {
 
 
     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>
             <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>