21002: fixed notif menu clickboxes Arvados-DCO-1.1-Signed-off-by: Lisa Knox <lisa...
authorLisa Knox <lisaknox83@gmail.com>
Thu, 28 Sep 2023 16:03:05 +0000 (12:03 -0400)
committerLisa Knox <lisaknox83@gmail.com>
Thu, 28 Sep 2023 16:03:05 +0000 (12:03 -0400)
src/views-components/main-app-bar/notifications-menu.tsx

index f415c7d5bb505dd18377cbfbb23cc2ef0a5d8704..89fd2e9184793bf7cd790d7d052c43ad1917d1d8 100644 (file)
@@ -40,8 +40,8 @@ export const NotificationsMenuComponent = (props: NotificationsMenuComponentProp
 
     if (!isOpen && bannerResult) {
         menuItems.push(
-            <MenuItem>
-                <span onClick={openBanner}>Restore Banner</span>
+            <MenuItem onClick={openBanner}>
+                <span>Restore Banner</span>
             </MenuItem>
         );
     }
@@ -57,14 +57,14 @@ export const NotificationsMenuComponent = (props: NotificationsMenuComponentProp
 
     if (tooltipResult) {
         menuItems.push(
-            <MenuItem>
-                <span onClick={toggleTooltips}>Enable tooltips</span>
+            <MenuItem onClick={toggleTooltips}>
+                <span>Enable tooltips</span>
             </MenuItem>
         );
     } else {
         menuItems.push(
-            <MenuItem>
-                <span onClick={toggleTooltips}>Disable tooltips</span>
+            <MenuItem onClick={toggleTooltips}>
+                <span>Disable tooltips</span>
             </MenuItem>
         );
     }
@@ -78,12 +78,14 @@ export const NotificationsMenuComponent = (props: NotificationsMenuComponentProp
             icon={
                 <Badge
                     badgeContent={0}
-                    color="primary">
+                    color="primary"
+                >
                     <NotificationIcon />
                 </Badge>
             }
             id="account-menu"
-            title="Notifications">
+            title="Notifications"
+        >
             {menuItems.map((item, i) => (
                 <div key={i}>{item}</div>
             ))}