fix roles add new types

src/Components/Password/Steps/TypePwd.jsx

 } from '@mui/material'
 import toast, { Toaster } from 'react-hot-toast';
 
-import { Simple as Loading } from '../../Generics/loading.jsx'
+// import { Simple as Loading } from '../../Generics/loading.jsx'
 
 const ROLE = {
   ADMIN: 1,
 function PermisosList(props) {
 
   let { recursos, selectedRole, setSelectedRole } = props
+  console.log("recursos len", recursos.data.length)
+  if(recursos.data.length === 0) return (<></>);
 
   return (
     <FormControl className="rolelist" >
       >
         {
 
-          recursos.data.length === 0 ? <Loading /> :
+
+            recursos.data &&
             recursos.data.map((r) => {
               return (
                 <FormControlLabel
       return rest.getQuery(auth.token);
     }
     const groupRecursos = (recursos) => {
+      console.log("resource:",recursos)
       let groups = {};
       recursos.forEach((r) => {
         if (groups[r.grupo]) {
           groups[r.grupo] = [r]
         }
       })
+      console.log('grupos: ', groups)
 
       assignRecursos(groups)
     }
       let templete = {
         1: { "label": 'Puestos', data: [] },
         2: { "label": 'Varios', data: [] },
-        3: { "label": 'General', data: [] }
+        3: { "label": 'General', data: [] },
+        4: { "label": 'Contraseñas', data: [] },
+        5: { "label": 'Reportes', data: [] }
       }
 
       Object.keys(recursos_api)
         .forEach((k) => {
-          templete[k].data = recursos_api[k];
+          if(templete[k]){
+            templete[k].data = recursos_api[k];
+          }
         })
 
       setRecursos(templete)
   }, [auth.token])
 
   return (
-    <div class="gapwdrole">
+    <div className="gapwdrole">
 
       <div className="typepwdlist control_flow_role">
         <TipoUsuarios type={userType} setType={setUserType} />