Inclusão da prop overlap="rectangular"

rtenorioh · Mar 28, 2023 · 0f0b988 · 0f0b988
1 parent 980ef62
commit 0f0b988
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 2 deletions.
diff --git a/frontend/src/components/NotificationsPopOver/index.js b/frontend/src/components/NotificationsPopOver/index.js
@@ -196,7 +196,7 @@ const NotificationsPopOver = () => {
 				aria-label="Open Notifications"
 				color="inherit"
 			>
-				<Badge badgeContent={notifications.length} color="secondary">
+				<Badge badgeContent={notifications.length} color="secondary" overlap="rectangular" >
 					<ChatIcon />
 				</Badge>
 			</IconButton>

diff --git a/frontend/src/components/TicketListItem/index.js b/frontend/src/components/TicketListItem/index.js
@@ -311,6 +311,7 @@ const TicketListItem = ({ ticket }) => {
 							<Badge
 								className={classes.newMessagesCount}
 								badgeContent={ticket.unreadMessages}
+								overlap="rectangular" 
 								classes={{
 									badge: classes.badgeStyle,
 								}}

diff --git a/frontend/src/components/TicketsManager/index.js b/frontend/src/components/TicketsManager/index.js
@@ -193,6 +193,7 @@ const TicketsManager = () => {
               <Badge
                 className={classes.badge}
                 badgeContent={pendingCount}
+                overlap="rectangular"
                 color="secondary"
               >
                 {i18n.t("ticketsList.pendingHeader")}

diff --git a/frontend/src/layout/MainListItems.js b/frontend/src/layout/MainListItems.js
@@ -137,7 +137,7 @@ const MainListItems = (props) => {
               to="/connections"
               primary={i18n.t("mainDrawer.listItems.connections")}
               icon={
-                <Badge badgeContent={connectionWarning ? "!" : 0} color="error">
+                <Badge badgeContent={connectionWarning ? "!" : 0} color="error" overlap="rectangular" >
                   <SyncAlt />
                 </Badge>
               }