sonika/sony_intranet_remake2023
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

pagination manage users

Browse Source
This commit is contained in:
Sonika 2023-12-19 21:09:02 +05:30
parent 7950c4268a
commit ba48c82b4c
1 changed files with 22 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/components/manage_users/ManageUsers.tsx
View File

@ -16,6 +16,7 @@ import {
DialogTitle,
DialogContent,
DialogActions,
TablePagination,
} from '@mui/material';
import DeleteIcon from '@mui/icons-material/Delete';
import EditIcon from '@mui/icons-material/Edit';
@ -56,6 +57,17 @@ export default function ManageUsers(){
const [open, setOpen] = useState(false);
const [selectedRow, setSelectedRow] = useState<any>();
const [newRow, setNewRow] = useState<any>();
const [page, setPage] = React.useState(0);
const [rowsPerPage, setRowsPerPage] = React.useState(10);
const handleChangePage = (event:any, newPage:any) => {
setPage(newPage);
};
const handleChangeRowsPerPage = (event:any) => {
setRowsPerPage(+event.target.value);
setPage(0);
};
const handleEdit = (row: Row) => {
setSelectedRow({...row});
@ -139,7 +151,16 @@ export default function ManageUsers(){
</TableBody>
</Table>
</TableContainer>
<TablePagination
sx={{bgcolor:'#171716',color:'white'}}
rowsPerPageOptions={[10, 25, 100]}
component="div"
count={manageUsersResponse && manageUsersResponse.length}
rowsPerPage={rowsPerPage}
page={page}
onPageChange={handleChangePage}
onRowsPerPageChange={handleChangeRowsPerPage}
/>
<Dialog open={open} onClose={handleClose}>
<DialogTitle sx={{bgcolor:'rgb(24 24 23)', color:'white'}}>{selectedRow && selectedRow.id ? 'Edit Row' : 'Add New Row'}</DialogTitle>
<DialogContent sx={{ bgcolor: 'rgb(24 24 23)' }}>