Add tooltip to arrow icon in task table

This commit is contained in:
Ken Hibino
2020-12-25 14:27:14 -08:00
parent c51449562c
commit 16b60af858
5 changed files with 47 additions and 36 deletions

View File

@@ -349,13 +349,15 @@ function Row(props: RowProps) {
/>
</TableCell>
<TableCell>
<IconButton
aria-label="expand row"
size="small"
onClick={() => setOpen(!open)}
>
{open ? <KeyboardArrowUpIcon /> : <KeyboardArrowDownIcon />}
</IconButton>
<Tooltip title={open ? "Hide Details" : "Show Details"}>
<IconButton
aria-label="expand row"
size="small"
onClick={() => setOpen(!open)}
>
{open ? <KeyboardArrowUpIcon /> : <KeyboardArrowDownIcon />}
</IconButton>
</Tooltip>
</TableCell>
<TableCell component="th" scope="row">
{uuidPrefix(task.id)}