Atualização do layout - Setores

rtenorioh · Mar 27, 2023 · 9ccf3de · 9ccf3de
1 parent 64c6410
commit 9ccf3de
Showing 1 changed file with 20 additions and 11 deletions.
diff --git a/frontend/src/pages/Queues/index.js b/frontend/src/pages/Queues/index.js
@@ -2,6 +2,12 @@ import React, { useEffect, useReducer, useState } from "react";
 
 import openSocket from "../../services/socket-io";
 
+import { 
+  AddCircleOutline, 
+  DeleteOutline, 
+  Edit 
+} from "@material-ui/icons";
+
 import {
   Button,
   IconButton,
@@ -13,20 +19,21 @@ import {
   TableHead,
   TableRow,
   Typography,
+  Tooltip
 } from "@material-ui/core";
 
+import ConfirmationModal from "../../components/ConfirmationModal";
 import MainContainer from "../../components/MainContainer";
 import MainHeader from "../../components/MainHeader";
 import MainHeaderButtonsWrapper from "../../components/MainHeaderButtonsWrapper";
+import QueueModal from "../../components/QueueModal";
 import TableRowSkeleton from "../../components/TableRowSkeleton";
 import Title from "../../components/Title";
+
 import { i18n } from "../../translate/i18n";
 import toastError from "../../errors/toastError";
 import api from "../../services/api";
-import { DeleteOutline, Edit } from "@material-ui/icons";
-import QueueModal from "../../components/QueueModal";
 import { toast } from "react-toastify";
-import ConfirmationModal from "../../components/ConfirmationModal";
 
 const useStyles = makeStyles((theme) => ({
   mainPaper: {
@@ -180,15 +187,17 @@ const Queues = () => {
         queueId={selectedQueue?.id}
       />
       <MainHeader>
-        <Title>{i18n.t("queues.title")}</Title>
+        <Title>{i18n.t("queues.title")} ({queues.length})</Title>
         <MainHeaderButtonsWrapper>
-          <Button
-            variant="contained"
-            color="primary"
-            onClick={handleOpenQueueModal}
-          >
-            {i18n.t("queues.buttons.add")}
-          </Button>
+        <Tooltip title={i18n.t("queues.buttons.add")}>
+            <Button
+              variant="contained"
+              color="primary"
+              onClick={handleOpenQueueModal}
+            >
+              <AddCircleOutline />
+            </Button>
+          </Tooltip>
         </MainHeaderButtonsWrapper>
       </MainHeader>
       <Paper className={classes.mainPaper} variant="outlined">