edit pwd mok setup

src/Components/Home/Candidato.jsx

@@ -29,8 +29,8 @@ function Asignaciones(props) {
           test_result.length > 0 ?
             (
               <Tooltip title="Mostrar resultados">
-                <IconButton 
-                  onClick={() => navigate('/dashboard/resultados/' +SuperPWD)}
+                <IconButton
+                  onClick={() => navigate('/dashboard/resultados/' + SuperPWD)}
                   style={{ color: '#0bd641' }}
                   aria-label="puesto_status"
                   components="label">
@@ -60,8 +60,8 @@ function TableUser(props) {
           <tbody >
             {
               asignaciones?.length > 0 ?
-              asignaciones.map(a => <Asignaciones key={a.id} asign={a} />)
-              : <SinAsignaciones />
+                asignaciones.map(a => <Asignaciones key={a.id} asign={a} />)
+                : <SinAsignaciones />
             }
           </tbody>
         </table>

src/Components/Password/Operation.jsx

@@ -1,9 +1,8 @@
 import * as React from 'react';
 import {
-  Button, Dialog, DialogActions, DialogContent, //DialogTitle,
+  Button, Dialog, DialogActions, DialogContent,
   FormControlLabel, Checkbox,
   TextField, Stack,
-  // Autocomplete
 } from '@mui/material'
 
 import toast, { Toaster } from 'react-hot-toast';
@@ -19,16 +18,23 @@ import { DesktopDatePicker } from '@mui/x-date-pickers/DesktopDatePicker';
 import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
 
 export function ModalEdit(props) {
+
   let { password, open, handleOpen } = props
+  let [data,setData] = React.useState(null)
   let { pwd, plz } = password
+
   const auth = useSelector((state) => state.token)
+
   const getPassword = async () => {
     let rest = new Service(`/contrasenia/${btoa(pwd)}/${plz}`)
     return await rest.getQuery(auth.token)
   }
 
-  let { data: result } = useQuery('contra', getPassword);
-  console.log('PWD INFO ', result)
+  React.useEffect(()=> {
+    getPassword()
+      .then( resp => setData(resp.data))
+      .catch( error => console.log(error))
+  },[])
 
   return (
     <Dialog
@@ -38,10 +44,14 @@ export function ModalEdit(props) {
       aria-describedby="alert-dialog-description"
     >
       <DialogContent>
-        <ModalForm
-          handleOpen={handleOpen}
-          token={auth.token}
-        />
+        {
+          data ?
+            <ModalForm
+              password={data}
+              handleOpen={handleOpen}
+              token={auth.token}
+            />  : <h1>loding...</h1>
+        }
       </DialogContent>
     </Dialog>
   )
@@ -55,19 +65,17 @@ function ModalForm(props) {
     deadpwd: Yup.date().required("Escoge una fecha valida"),
     state: Yup.number(),
     dateToActived: Yup.date('Escoge una fecha valida').required("Escoge una fecha valida"),
-    //plaza_id: Yup.array().required("Escoge una plaza valida")
-    //plaza_id: Yup.array().required("Escoge una plaza valida")
   })
 
   const queryClient = useQueryClient();
+  let { password } = props
 
   const formik = useFormik({
     initialValues: {
       state: 1,
-      pwd: "",
-      deadpwd: "",
-      dateToActived: "",
-      // plaza_id:[],
+      pwd: atob( password.pwd),
+      deadpwd: password.deadpwd,
+      dateToActived: password.dateToActived,
     },
     onSubmit: (fields) => {
 

src/Components/Password/Rows.js

@@ -60,9 +60,8 @@ export const niveles_educativos = [
 ]
 
 export function Build(pwds) {
-
   return pwds.map(password => {
-    console.log(password)
+    // console.log(password)
     let { pwd, plaza_id } = password
     return {
       id: plaza_id,

src/Pages/ContrasV2.jsx

@@ -22,6 +22,13 @@ export function Contrasv2() {
     return await rest.getQuery(auth.token)
   }
 
+  const hideShowPWD = (status) => {
+    setVisible(status)
+    if(status === false){
+      setPassword(null);
+    }
+  }
+
   const { data, status } = useQuery('passwords', getAllPwd);
 
   const options = {
@@ -35,7 +42,6 @@ export function Contrasv2() {
     onRowClick: (password) => {
       let [plaza, pwd] = password;
       setPassword({pwd,plz:plaza});
-      console.log('password: ',password)
       setVisible(true);
     },
     elevation:9
@@ -63,7 +69,7 @@ export function Contrasv2() {
               <ModalEdit
                 password={password}
                 open={visible}
-                handleOpen={setVisible}
+                handleOpen={hideShowPWD}
               />
             ): null
         }