cheveguerra/whaticket-community
1
0
Fork 0
mirror of https://github.com/cheveguerra/whaticket-community.git synced 2026-04-18 03:39:29 +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="manifest" href="%PUBLIC_URL%/manifest.json" />
<meta name="theme-color" content="#000000" />
<meta
name="viewport"
content="minimum-scale=1, initial-scale=1, width=device-width"
/>
</head>
<body>
<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 ButtonWithSpinner from "../ButtonWithSpinner";
import MarkdownWrapper from "../MarkdownWrapper";
import { Tooltip } from "@material-ui/core";
const useStyles = makeStyles(theme => ({
ticket: {
@@ -147,10 +148,16 @@ const TicketListItem = ({ ticket }) => {
[classes.pendingTicket]: ticket.status === "pending",
})}
>
<span
style={{ backgroundColor: ticket.queue?.color }}
className={classes.ticketQueueColor}
></span>
<Tooltip
arrow
placement="right"
title={ticket.queue?.name || "Sem fila"}
>
<span
style={{ backgroundColor: ticket.queue?.color || "#7C7C7C" }}
className={classes.ticketQueueColor}
></span>
</Tooltip>
<ListItemAvatar>
<Avatar
src={ticket.contact.profilePicUrl && ticket.contact.profilePicUrl}