From 75d40e0cc1e995d88a3adc0af9746299e8ca4013 Mon Sep 17 00:00:00 2001
From: Alexandra Ferdinand <aferdina@redhat.com>
Date: Wed, 4 Oct 2023 12:01:43 -0400
Subject: [PATCH] add tooltip for notifications badge

---
 src/components/Header/Tools.tsx | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/components/Header/Tools.tsx b/src/components/Header/Tools.tsx
index 653e3f5001..529ff6e1ad 100644
--- a/src/components/Header/Tools.tsx
+++ b/src/components/Header/Tools.tsx
@@ -241,15 +241,17 @@ const Tools = () => {
       </ToolbarItem>
       {isNotificationsEnabled && (
         <ToolbarItem className="pf-v5-u-mr-0 pf-v5-u-ml-sm">
-          <NotificationBadge
-            className="chr-c-notification-badge"
-            variant={unreadNotifications ? 'unread' : 'read'}
-            onClick={() => dispatch(toggleNotificationsDrawer())}
-            aria-label="Notifications"
-            isExpanded={isDrawerExpanded}
-          >
-            <BellIcon />
-          </NotificationBadge>
+          <Tooltip aria="none" aria-live="polite" content={'Notifications'} flipBehavior={['bottom']} className="tooltip-inner-settings-cy">
+            <NotificationBadge
+              className="chr-c-notification-badge"
+              variant={unreadNotifications ? 'unread' : 'read'}
+              onClick={() => dispatch(toggleNotificationsDrawer())}
+              aria-label="Notifications"
+              isExpanded={isDrawerExpanded}
+            >
+              <BellIcon />
+            </NotificationBadge>
+          </Tooltip>
         </ToolbarItem>
       )}
       {localStorage.getItem('chrome:darkmode') === 'true' && (