cheveguerra/whaticket-community
1
0
Fork 0
mirror of https://github.com/cheveguerra/whaticket-community.git synced 2026-04-19 12:19:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: users infinity scroll refreshing all page

Browse Source
This commit is contained in:
canove
2020-09-29 06:49:52 -03:00
parent d78df2bf2e
commit 86dfe3e427
3 changed files with 29 additions and 82 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
frontend/src/components/TableRowSkeleton/index.js
View File

@@ -14,62 +14,12 @@ const TableRowSkeleton = () => {
<Skeleton animation="wave" height={20} width={80} /> <Skeleton animation="wave" height={20} width={80} />
</TableCell> </TableCell>
<TableCell> <TableCell>
<Skeleton animation="wave" height={20} width={70} /> <Skeleton animation="wave" height={20} width={80} />
</TableCell>
<TableCell></TableCell>
<TableCell align="right"></TableCell>
</TableRow>
<TableRow>
<TableCell style={{ paddingRight: 0 }}>
<Skeleton animation="wave" variant="circle" width={40} height={40} />
</TableCell> </TableCell>
<TableCell> <TableCell>
<Skeleton animation="wave" height={20} width={80} /> <Skeleton animation="wave" height={20} width={80} />
</TableCell> </TableCell>
<TableCell>
<Skeleton animation="wave" height={20} width={70} />
</TableCell>
<TableCell></TableCell> <TableCell></TableCell>
<TableCell align="right"></TableCell>
</TableRow>
<TableRow>
<TableCell style={{ paddingRight: 0 }}>
<Skeleton animation="wave" variant="circle" width={40} height={40} />
</TableCell>
<TableCell>
<Skeleton animation="wave" height={20} width={80} />
</TableCell>
<TableCell>
<Skeleton animation="wave" height={20} width={70} />
</TableCell>
<TableCell></TableCell>
<TableCell align="right"></TableCell>
</TableRow>
<TableRow>
<TableCell style={{ paddingRight: 0 }}>
<Skeleton animation="wave" variant="circle" width={40} height={40} />
</TableCell>
<TableCell>
<Skeleton animation="wave" height={20} width={80} />
</TableCell>
<TableCell>
<Skeleton animation="wave" height={20} width={70} />
</TableCell>
<TableCell></TableCell>
<TableCell align="right"></TableCell>
</TableRow>
<TableRow>
<TableCell style={{ paddingRight: 0 }}>
<Skeleton animation="wave" variant="circle" width={40} height={40} />
</TableCell>
<TableCell>
<Skeleton animation="wave" height={20} width={80} />
</TableCell>
<TableCell>
<Skeleton animation="wave" height={20} width={70} />
</TableCell>
<TableCell></TableCell>
<TableCell align="right"></TableCell>
</TableRow> </TableRow>
</> </>
); );

2
frontend/src/pages/Contacts/index.js
View File

@@ -121,7 +121,7 @@ const Contacts = () => {
} }
}; };
fetchContacts(); fetchContacts();
}, 500); }, 5000);
return () => clearTimeout(delayDebounceFn); return () => clearTimeout(delayDebounceFn);
}, [searchParam, pageNumber]); }, [searchParam, pageNumber]);

57
frontend/src/pages/Users/index.js
View File

@@ -249,37 +249,34 @@ const Users = () => {
</TableRow> </TableRow>
</TableHead> </TableHead>
<TableBody> <TableBody>
{loading ? ( <>
<TableRowSkeleton /> {users.map(user => (
) : ( <TableRow key={user.id}>
<> <TableCell>{user.name}</TableCell>
{users.map(user => ( <TableCell>{user.email}</TableCell>
<TableRow key={user.id}> <TableCell>{user.profile}</TableCell>
<TableCell>{user.name}</TableCell> <TableCell align="right">
<TableCell>{user.email}</TableCell> <IconButton
<TableCell>{user.profile}</TableCell> size="small"
<TableCell align="right"> onClick={() => handleEditUser(user)}
<IconButton >
size="small" <EditIcon />
onClick={() => handleEditUser(user)} </IconButton>
>
<EditIcon />
</IconButton>
<IconButton <IconButton
size="small" size="small"
onClick={e => { onClick={e => {
setConfirmModalOpen(true); setConfirmModalOpen(true);
setDeletingUser(user); setDeletingUser(user);
}} }}
> >
<DeleteOutlineIcon /> <DeleteOutlineIcon />
</IconButton> </IconButton>
</TableCell> </TableCell>
</TableRow> </TableRow>
))} ))}
</> {loading && <TableRowSkeleton />}
)} </>
</TableBody> </TableBody>
</Table> </Table>
</Paper> </Paper>