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/>. * along with this program. If not, see <http://www.gnu.org/licenses/>.
*/ */
import PauseCircleIcon from "@mui/icons-material/PauseCircle"; 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 { BuildStatus } from "models/BuildStatus";
import type React from "react"; import type React from "react";
import { StatusColors } from "theme/StatusColors"; import { StatusColors } from "theme/StatusColors";
@@ -29,7 +29,9 @@ interface StatusCellProps {
} }
export default function StatusCell({ isHeld, status }: StatusCellProps): React.JSX.Element { 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} icon={isHeld ? <PauseCircleIcon /> : undefined}
label={status} label={status}
size="small" size="small"
@@ -38,5 +40,6 @@ export default function StatusCell({ isHeld, status }: StatusCellProps): React.J
color: "common.white", color: "common.white",
fontWeight: 500, fontWeight: 500,
}} }}
/>; />
</Tooltip>;
} }