adriano.andrade
/
projeto-hit
mirror of https://github.com/AdrianoRobson/projeto-hit.git
1
1
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fix some errors in table users

pull/20/head
Renato Di Giacomo 2022-08-10 16:26:36 -03:00
parent ec19fb6799
commit 72c2a6c353
2 changed files with 48 additions and 56 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

99
frontend/src/components/DashboardUser/TableUser.jsx
View File

@ -94,7 +94,7 @@ const TableUser = ({ classes, usersOnlineInfo, logout }) => {
</TableHead> </TableHead>
<TableBody> <TableBody>
{usersOnlineInfo && {usersOnlineInfo &&
usersOnlineInfo usersOnlineInfo
.filter((e) => { .filter((e) => {
if (filterStatus === null) return e; if (filterStatus === null) return e;
@ -135,12 +135,20 @@ const TableUser = ({ classes, usersOnlineInfo, logout }) => {
</TableCell> </TableCell>
<TableCell> <TableCell>
<div style={{ display: "flex", alignItems: "center", gap: "12px" }}> <div style={{ display: "flex", alignItems: "center", gap: "12px" }}>
<Typography className={classes.tableCounterOpen}> <Typography className={classes.tableCounterOpen} title="Em Atendimento">
{user.sumOpen === undefined ? 0 : user.sumOpen.count} {user.sumOpen
? user.sumOpen.count !== ""
? user.sumOpen.count
: 0
: 0}
</Typography> </Typography>
<Typography className={classes.tableCounterClosed}> <Typography className={classes.tableCounterClosed} title="Finalzados">
{user.sumClosed === undefined ? 0 : user.sumClosed.count} {user.sumClosed
? user.sumClosed.count !== ""
? user.sumClosed.count
: 0
: 0}
</Typography> </Typography>
</div> </div>
</TableCell> </TableCell>
@ -154,19 +162,7 @@ const TableUser = ({ classes, usersOnlineInfo, logout }) => {
gap: "12px", gap: "12px",
}} }}
> >
<Typography {user.openClosedInQueue &&
className={classes.tableQueues}
title="Sem Fila"
style={{ backgroundColor: "grey" }}
>
{user.openClosedOutQueue.countOpen === 0
? ""
: user.openClosedOutQueue.countOpen}
</Typography>
{!user.openClosedInQueue ? (
<Typography>Nenhuma fila atribuida</Typography>
) : (
user.openClosedInQueue.map((queue) => ( user.openClosedInQueue.map((queue) => (
<Typography <Typography
key={queue.queueId} key={queue.queueId}
@ -174,10 +170,18 @@ const TableUser = ({ classes, usersOnlineInfo, logout }) => {
title={queue.name} title={queue.name}
style={{ backgroundColor: queue.color }} style={{ backgroundColor: queue.color }}
> >
{queue.countOpen} {queue.countOpen ? queue.countOpen : "0"}
</Typography> </Typography>
)) ))}
)} <Typography
className={classes.tableQueues}
title="Sem Fila"
style={{ backgroundColor: "grey" }}
>
{user.openClosedOutQueue.countOpen === 0
? 0
: user.openClosedOutQueue.countOpen}
</Typography>
</div> </div>
</TableCell> </TableCell>
@ -190,38 +194,26 @@ const TableUser = ({ classes, usersOnlineInfo, logout }) => {
gap: "12px", gap: "12px",
}} }}
> >
<div {user.openClosedInQueue &&
style={{ user.openClosedInQueue.map((queue) => (
display: "flex", <Typography
flexWrap: "wrap", key={queue.queueId}
alignItems: "center", className={classes.tableQueues}
gap: "12px", title={queue.name}
}} style={{ backgroundColor: queue.color }}
>
{queue.countClosed ? queue.countClosed : "0"}
</Typography>
))}
<Typography
className={classes.tableQueues}
title="Sem Fila"
style={{ backgroundColor: "grey" }}
> >
<Typography {user.openClosedOutQueue.countOpen === 0
className={classes.tableQueues} ? 0
title="Sem Fila" : user.openClosedOutQueue.countOpen}
style={{ backgroundColor: "grey" }} </Typography>
>
{user.openClosedOutQueue.countClosed === 0
? ""
: user.openClosedOutQueue.countClosed}
</Typography>
{!user.openClosedInQueue ? (
<Typography>Nenhuma fila atribuida</Typography>
) : (
user.openClosedInQueue.map((queue) => (
<Typography
key={queue.queueId}
className={classes.tableQueues}
title={queue.name}
style={{ backgroundColor: queue.color }}
>
{queue.countClosed}
</Typography>
))
)}
</div>
</div> </div>
</TableCell> </TableCell>
<TableCell> <TableCell>
@ -238,6 +230,7 @@ const TableUser = ({ classes, usersOnlineInfo, logout }) => {
) : ( ) : (
<PowerSettingsNewIcon <PowerSettingsNewIcon
style={{ color: "grey", cursor: "not-allowed" }} style={{ color: "grey", cursor: "not-allowed" }}
title="Agente Não Logado"
/> />
)} )}
</TableCell> </TableCell>

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

@ -256,8 +256,8 @@ const Dashboard = () => {
const socket = openSocket(process.env.REACT_APP_BACKEND_URL); const socket = openSocket(process.env.REACT_APP_BACKEND_URL);
socket.on("ticketStatus", (data) => { socket.on("ticketStatus", (data) => {
if (data.action === "update") { if (data.action === "update") {
setStatus(""); setStatus("");
setStatus(data.ticketStatus.status); setStatus(data.ticketStatus.status);
} }
}); });
@ -486,7 +486,6 @@ const Dashboard = () => {
usersOnlineInfo={usersOnlineInfo} usersOnlineInfo={usersOnlineInfo}
logout={handleLogouOnlineUser} logout={handleLogouOnlineUser}
/> />
</Grid> </Grid>
</Paper> </Paper>
</Grid> </Grid>