Atualização do layout

rtenorioh · Mar 27, 2023 · 3005c56 · 3005c56
1 parent a9f1acb
commit 3005c56
Showing 1 changed file with 15 additions and 12 deletions.
diff --git a/frontend/src/pages/Connections/index.js b/frontend/src/pages/Connections/index.js
@@ -25,6 +25,7 @@ import {
 	SignalCellular4Bar,
 	CropFree,
 	DeleteOutline,
+	WhatsApp
 } from "@material-ui/icons";
 
 import MainContainer from "../../components/MainContainer";
@@ -311,15 +312,17 @@ const Connections = () => {
 				whatsAppId={!qrModalOpen && selectedWhatsApp?.id}
 			/>
 			<MainHeader>
-				<Title>{i18n.t("connections.title")}</Title>
+				<Title>{i18n.t("connections.title")} ({whatsApps.length})</Title>
 				<MainHeaderButtonsWrapper>
-					<Button
-						variant="contained"
-						color="primary"
-						onClick={handleOpenWhatsAppModal}
-					>
-						{i18n.t("connections.buttons.add")}
-					</Button>
+					<Tooltip title={i18n.t("connections.buttons.add")}>
+						<Button
+							variant="contained"
+							color="primary"
+							onClick={handleOpenWhatsAppModal}
+						>
+							<WhatsApp />
+						</Button>
+					</Tooltip>
 				</MainHeaderButtonsWrapper>
 			</MainHeader>
 			<Paper className={classes.mainPaper} variant="outlined">
@@ -371,11 +374,11 @@ const Connections = () => {
 											</TableCell>
 											<TableCell align="center">
 												{whatsApp.number ? (
-												<>
-												+{whatsApp.number}
-												</>
+													<>
+														+{whatsApp.number}
+													</>
 												) : "-"}
-												
+
 											</TableCell>
 											<TableCell align="center">
 												{renderActionButtons(whatsApp)}