cheveguerra/whaticket-community
1
0
Fork 0
mirror of https://github.com/cheveguerra/whaticket-community.git synced 2026-04-21 13:19:21 +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} />
</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} />
<Skeleton animation="wave" height={20} width={80} />
</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>
<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>
</>
);

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

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

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

@@ -249,9 +249,6 @@ const Users = () => {
</TableRow>
</TableHead>
<TableBody>
{loading ? (
<TableRowSkeleton />
) : (
<>
{users.map(user => (
<TableRow key={user.id}>
@@ -278,8 +275,8 @@ const Users = () => {
</TableCell>
</TableRow>
))}
{loading && <TableRowSkeleton />}
</>
)}
</TableBody>
</Table>
</Paper>