feat: add tooltip for held packages

This commit is contained in:
arcanis committed 2026-10-16 13:09:17 +03:00
1 parent ef47c6fa72
commit 0b371b3e77
1 file changed
+6 -3
+6 -3
View File
@@ -18,7 +18,7 @@
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
import PauseCircleIcon from "@mui/icons-material/PauseCircle";
import { Chip } from "@mui/material";
import { Chip, Tooltip } from "@mui/material";
import type { BuildStatus } from "models/BuildStatus";
import type React from "react";
import { StatusColors } from "theme/StatusColors";
@@ -29,7 +29,9 @@ interface StatusCellProps {
}
export default function StatusCell({ isHeld, status }: StatusCellProps): React.JSX.Element {
return <Chip
return <Tooltip title={isHeld ? "Held: automatic updates are skipped" : ""}>
<Chip
aria-label={isHeld ? `${status}; held: automatic updates are skipped` : status}
icon={isHeld ? <PauseCircleIcon /> : undefined}
label={status}
size="small"
@@ -38,5 +40,6 @@ export default function StatusCell({ isHeld, status }: StatusCellProps): React.J
color: "common.white",
fontWeight: 500,
}}
/>;
/>
</Tooltip>;
}