fix puestos getall

src/Components/Modal/AgregarManual.js

 import { Service } from '../../Utils/HTTP';
 import  useAuth from '../../Auth/useAuth';
 
-import { departamentos } from '../Password/Rows'
-
 
 export default function Manual ( props ) {
 
     const auth = useAuth();
     const token = auth.getToken();
 
-    let { visible, onClose, Complete } = props
+    let { visible, onClose, Complete, categorias  } = props
 
     const formik = useFormik({
         initialValues: {
                                         {...getFieldProps('aredepto')}
                                         error={Boolean(touched.aredepto && errors.aredepto)} >
                                         {
-                                        departamentos.map( ( nivel, index ) => {
-                                            index = index + 1;
-                                            return (
-                                                <MenuItem key={nivel} value={index}>{nivel}</MenuItem>
-                                            )
-                                        })
+                                        categorias ?
+                                            categorias.map( cate => {
+                                                return (
+                                                    <MenuItem key={cate.id} value={cate.id}>{cate.nombre}</MenuItem>
+                                                )
+                                            })
+                                            : <MenuItem>Null</MenuItem>
                                     }
                                     </Select>
                                 </FormControl>

src/Components/Modal/EditPlaza.js

 import { Service } from '../../Utils/HTTP';
 import  useAuth from '../../Auth/useAuth';
 
-import { departamentos } from '../Password/Rows'
-
 export default function Edit(props) {
 
     const NewPlazaSchema = Yup.object().shape({
     const auth = useAuth();
     const token = auth.getToken();
 
-    let {onClose, puesto : { data }, Complete, visible  } = props
+    let {onClose, puesto : { data }, Complete, visible, categorias  } = props
     
     const formik = useFormik({
         initialValues: {
             notas:data? data.notas :"",
         },
         onSubmit: ( fields, { resetForm } ) => {
-            console.log('pre update',fields)
             setOpen(true)
             fields['fecha'] =  new Date(fields.fecha).toISOString();
 
     const { errors, touched, handleSubmit, getFieldProps, setValues} = formik;
     
     useEffect(() => {
-        console.log(data); 
         setValues({
             id: data? data.id:"",
             nombrepuesto: data? data.nombrepuesto:"",
                                         {...getFieldProps('aredepto')}
                                         error={Boolean(touched.aredepto && errors.aredepto)} >
                                         {
-                                        departamentos.map( ( nivel, index ) => {
-                                            return (
-                                                <MenuItem key={index} value={index}>{nivel}</MenuItem>
-                                            )
-                                        })
-                                    }
+                                        categorias ?
+                                            categorias.map( cate => {
+                                                return (
+                                                    <MenuItem key={cate.id} value={cate.id}>{cate.nombre}</MenuItem>
+                                                )
+                                            })
+                                            : <MenuItem>Null</MenuItem>
+                                        }
                                     </Select>
                                 </FormControl>
 

src/Pages/Puestos.jsx

     } 
 
     const auth = useAuth();
+
     const [data, setData] = useState([]);
     const [page, setPage] = useState(1);
+    const [categorias, setCategorias] = useState([]);
+
     const token = auth.getToken();
 
     const changePage = ( _ , value) => setPage(value);
             .catch((error) => {
                 console.log('error fetching data  ', error );
             })
+    
+        rest = new Service("/categoria/getAll")
+        rest
+            .get(token)
+            .then(({data}) => {
+                setCategorias(data)
+            })
+            .catch((error) => {
+                console.log('error fetching data  ', error );
+            })
 
 
     },[token])
             </div>
 
             <Express setExpress={setExpress} visible={expres} onClose={() => setExpress(false) } />
-            <Manual Complete={Complete} visible={manual} onClose={() => setManual(false)}/>
+            <Manual categorias={categorias} Complete={Complete} visible={manual} onClose={() => setManual(false)}/>
 
-            <Editar  Complete={Complete} puesto={puesto} visible={edit} onClose={() => setEdit(false)} />
+            <Editar categorias={categorias} Complete={Complete} puesto={puesto} visible={edit} onClose={() => setEdit(false)} />
             <Eliminar puesto={puesto} visible={del} onClose={() => setDelete(false)} />
             <Mostrar  puesto={puesto} visible={show} onClose={() => setShow(false)} />