feat(circleci): Add hover to avatar icon

Signed-off-by: Adam Harvey <adaharve@cisco.com>
This commit is contained in:
Adam Harvey
2023-03-28 09:51:40 -04:00
parent 86aa318530
commit d3364e5a04
@@ -21,6 +21,7 @@ import {
Box,
IconButton,
makeStyles,
Tooltip,
} from '@material-ui/core';
import RetryIcon from '@material-ui/icons/Replay';
import GitHubIcon from '@material-ui/icons/GitHub';
@@ -116,7 +117,13 @@ const SourceInfo = ({ build }: { build: CITableBuildInfo }) => {
return (
<Box display="flex" alignItems="center" className={classes.root}>
<Avatar alt={user.name} src={user.avatarUrl} className={classes.small} />
<Tooltip title={user.name ?? user.login}>
<Avatar
alt={user.name}
src={user.avatarUrl}
className={classes.small}
/>
</Tooltip>
<Box>
<Typography variant="button">{source?.branchName}</Typography>
<Typography variant="body1">
@@ -217,7 +224,11 @@ const generatedColumns: TableColumn[] = [
<Link
to={`https://app.circleci.com/pipelines/workflows/${row?.workflow?.id}`}
>
{row?.workflow?.name}
<Box display="flex" alignItems="center">
<LaunchIcon fontSize="small" color="disabled" />
<Box mr={1} />
{row?.workflow?.name}
</Box>
</Link>
),
},