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

feat: add tooltip to queue badge

Browse Source
This commit is contained in:
canove
2021-01-11 19:22:46 -03:00
parent 5c5f58e4fe
commit 1f76b4f221
2 changed files with 15 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/public/index.html
View File

@@ -11,6 +11,10 @@
<link rel=”shortcut icon” href=”%PUBLIC_URL%/favicon.ico”> <link rel=”shortcut icon” href=”%PUBLIC_URL%/favicon.ico”>
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" /> <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
<meta name="theme-color" content="#000000" /> <meta name="theme-color" content="#000000" />
<meta
name="viewport"
content="minimum-scale=1, initial-scale=1, width=device-width"
/>
</head> </head>
<body> <body>
<noscript>You need to enable JavaScript to run this app.</noscript> <noscript>You need to enable JavaScript to run this app.</noscript>

15
frontend/src/components/TicketListItem/index.js
View File

@@ -19,6 +19,7 @@ import { i18n } from "../../translate/i18n";
import api from "../../services/api"; import api from "../../services/api";
import ButtonWithSpinner from "../ButtonWithSpinner"; import ButtonWithSpinner from "../ButtonWithSpinner";
import MarkdownWrapper from "../MarkdownWrapper"; import MarkdownWrapper from "../MarkdownWrapper";
import { Tooltip } from "@material-ui/core";
const useStyles = makeStyles(theme => ({ const useStyles = makeStyles(theme => ({
ticket: { ticket: {
@@ -147,10 +148,16 @@ const TicketListItem = ({ ticket }) => {
[classes.pendingTicket]: ticket.status === "pending", [classes.pendingTicket]: ticket.status === "pending",
})} })}
> >
<span <Tooltip
style={{ backgroundColor: ticket.queue?.color }} arrow
className={classes.ticketQueueColor} placement="right"
></span> title={ticket.queue?.name || "Sem fila"}
>
<span
style={{ backgroundColor: ticket.queue?.color || "#7C7C7C" }}
className={classes.ticketQueueColor}
></span>
</Tooltip>
<ListItemAvatar> <ListItemAvatar>
<Avatar <Avatar
src={ticket.contact.profilePicUrl && ticket.contact.profilePicUrl} src={ticket.contact.profilePicUrl && ticket.contact.profilePicUrl}