Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 | 460x 460x | import { Tooltip, OverlayTrigger } from "react-bootstrap";
import { Link } from "react-router";
import { UserListIcon } from "main/components/Common/Icons";
import type { CourseLinkProps } from "main/components/Scaffold/types";
export default function LinkToSettings({
course,
rowIndex,
testId = "LinkToSettings",
}: CourseLinkProps) {
const suffix = rowIndex === undefined ? "" : `-${rowIndex}`;
return (
<OverlayTrigger
placement="right"
overlay={
<Tooltip id={`${testId}-tooltip-coursename${suffix}`}>
Settings and Course Roster for {course.courseName}
</Tooltip>
}
>
<Link
to={`/course/${course.id}/settings`}
data-testid={`${testId}${suffix}`}
>
<UserListIcon />
</Link>
</OverlayTrigger>
);
}
|