Merge branch 'feature/dashboardUpdate' of github.com:AdrianoRobson/projeto-hit into feature/dashboardUpdate

pull/20/head
adriano 2022-08-10 16:33:13 -03:00
commit 661dec9935
2 changed files with 48 additions and 56 deletions

View File

@ -136,11 +136,19 @@ const TableUser = ({ classes, usersOnlineInfo, logout }) => {
<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 || ('sumOpen' in user && user.sumOpen.count === '') ? 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>

View File

@ -486,7 +486,6 @@ const Dashboard = () => {
usersOnlineInfo={usersOnlineInfo} usersOnlineInfo={usersOnlineInfo}
logout={handleLogouOnlineUser} logout={handleLogouOnlineUser}
/> />
</Grid> </Grid>
</Paper> </Paper>
</Grid> </Grid>