Merge pull request #2527 from headlamp-k8s/no-actions-label

frontend: Home: Add label for actions menu
headlamp-k8s · Nov 7, 2024 · 43053a1 · 43053a1
2 parents cb9ab6c + a58269a
commit 43053a1
Showing 1 changed file with 14 additions and 11 deletions.
diff --git a/frontend/src/components/App/Home/index.tsx b/frontend/src/components/App/Home/index.tsx
@@ -5,6 +5,7 @@ import IconButton from '@mui/material/IconButton';
 import ListItemText from '@mui/material/ListItemText';
 import Menu from '@mui/material/Menu';
 import MenuItem from '@mui/material/MenuItem';
+import Tooltip from '@mui/material/Tooltip';
 import Typography from '@mui/material/Typography';
 import { isEqual } from 'lodash';
 import React from 'react';
@@ -53,17 +54,19 @@ function ContextMenu({ cluster }: { cluster: Cluster }) {
 
   return (
     <>
-      <IconButton
-        size="small"
-        onClick={event => {
-          setAnchorEl(event.currentTarget);
-        }}
-        aria-haspopup="menu"
-        aria-controls={menuId}
-        aria-label={t('Actions')}
-      >
-        <Icon icon="mdi:more-vert" />
-      </IconButton>
+      <Tooltip title={t('Actions')}>
+        <IconButton
+          size="small"
+          onClick={event => {
+            setAnchorEl(event.currentTarget);
+          }}
+          aria-haspopup="menu"
+          aria-controls={menuId}
+          aria-label={t('Actions')}
+        >
+          <Icon icon="mdi:more-vert" />
+        </IconButton>
+      </Tooltip>
       <Menu
         id={menuId}
         anchorEl={anchorEl}