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

Started contact deails drawer

Browse Source
This commit is contained in:
canove
2020-07-25 14:22:11 -03:00
parent 660458a8ab
commit 66a1dc5fd2
5 changed files with 159 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
frontend/src/components/TicketsList/TicketSkeleton.js
View File

@@ -1,46 +0,0 @@
import React from "react";
import ListItem from "@material-ui/core/ListItem";
import ListItemText from "@material-ui/core/ListItemText";
import ListItemAvatar from "@material-ui/core/ListItemAvatar";
import Divider from "@material-ui/core/Divider";
import Skeleton from "@material-ui/lab/Skeleton";
const TicketSkeleton = () => {
return (
<>
<ListItem dense>
<ListItemAvatar>
<Skeleton animation="wave" variant="circle" width={40} height={40} />
</ListItemAvatar>
<ListItemText
primary={<Skeleton animation="wave" height={20} width={60} />}
secondary={<Skeleton animation="wave" height={20} width={90} />}
/>
</ListItem>
<Divider />
<ListItem dense>
<ListItemAvatar>
<Skeleton animation="wave" variant="circle" width={40} height={40} />
</ListItemAvatar>
<ListItemText
primary={<Skeleton animation="wave" height={20} width={70} />}
secondary={<Skeleton animation="wave" height={20} width={120} />}
/>
</ListItem>
<Divider />
<ListItem dense>
<ListItemAvatar>
<Skeleton animation="wave" variant="circle" width={40} height={40} />
</ListItemAvatar>
<ListItemText
primary={<Skeleton animation="wave" height={20} width={60} />}
secondary={<Skeleton animation="wave" height={20} width={90} />}
/>
</ListItem>
<Divider />
</>
);
};
export default TicketSkeleton;

4
frontend/src/components/TicketsList/index.js
View File

@@ -23,7 +23,7 @@ import Tabs from "@material-ui/core/Tabs";
import Tab from "@material-ui/core/Tab";
import MoveToInboxIcon from "@material-ui/icons/MoveToInbox";
import CheckCircleOutlineIcon from "@material-ui/icons/CheckCircleOutline";
import TicketSkeleton from "./TicketSkeleton";
import TicketsSkeleton from "../TicketsSkeleton";
import api from "../../services/api";
@@ -449,7 +449,7 @@ const TicketsList = () => {
});
if (loading) {
return <TicketSkeleton />;
return <TicketsSkeleton />;
} else if (countTickets(status, userId) === "" && status !== "closed") {
return (
<div className={classes.noTicketsDiv}>