|
@@ -1,4 +1,4 @@
|
|
|
-import React, { useState, useEffect } from 'react';
|
|
|
|
|
|
|
+import React, { useState } from 'react';
|
|
|
|
|
|
|
|
import UpdateIcon from '@mui/icons-material/Update';
|
|
import UpdateIcon from '@mui/icons-material/Update';
|
|
|
import Typography from '@mui/material/Typography';
|
|
import Typography from '@mui/material/Typography';
|
|
@@ -24,22 +24,13 @@ export default function Candidatos () {
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
const [page, setPage] = useState(1);
|
|
const [page, setPage] = useState(1);
|
|
|
- const [users, setUser] = useState(list);
|
|
|
|
|
|
|
+ // const [users, setUser] = useState(list);
|
|
|
// const [curret, setCurrent] = useState([]);
|
|
// const [curret, setCurrent] = useState([]);
|
|
|
|
|
|
|
|
const changePage = ( _ , value) => { if(_)
|
|
const changePage = ( _ , value) => { if(_)
|
|
|
setPage(value);
|
|
setPage(value);
|
|
|
};
|
|
};
|
|
|
|
|
|
|
|
- useEffect(() => {
|
|
|
|
|
- // let total_users = users.length;
|
|
|
|
|
- // let max_page = 5;
|
|
|
|
|
- // let per_page = total_users / max_page;
|
|
|
|
|
- //
|
|
|
|
|
- // console.log("TOTAL USERS ", users.length)
|
|
|
|
|
- // console.log("PER PAGE", per_page)
|
|
|
|
|
- // setUser(list)
|
|
|
|
|
- },[page])
|
|
|
|
|
|
|
|
|
|
return (
|
|
return (
|
|
|
<div className="body_historial">
|
|
<div className="body_historial">
|
|
@@ -59,8 +50,8 @@ export default function Candidatos () {
|
|
|
</Row>
|
|
</Row>
|
|
|
</div>
|
|
</div>
|
|
|
{
|
|
{
|
|
|
- users ?
|
|
|
|
|
- users.map( (user, index) => (<Candidato key={user.DPI + index} user={{ ...user, index }}/>))
|
|
|
|
|
|
|
+ list ?
|
|
|
|
|
+ list.map( (user, index) => (<Candidato key={user.DPI + index} user={{ ...user, index }}/>))
|
|
|
: undefined
|
|
: undefined
|
|
|
}
|
|
}
|
|
|
<Row style={{ padding : 5 }}>
|
|
<Row style={{ padding : 5 }}>
|
|
@@ -70,7 +61,7 @@ export default function Candidatos () {
|
|
|
<Pagination
|
|
<Pagination
|
|
|
siblingCount={5}
|
|
siblingCount={5}
|
|
|
shape='rounded'
|
|
shape='rounded'
|
|
|
- count={users.length}
|
|
|
|
|
|
|
+ count={list.length}
|
|
|
page={page}
|
|
page={page}
|
|
|
onChange={changePage} />
|
|
onChange={changePage} />
|
|
|
</Stack>
|
|
</Stack>
|