24 lines
633 B
TypeScript
24 lines
633 B
TypeScript
import React, { FunctionComponent } from "react";
|
|
import { Link } from "react-router-dom";
|
|
import { useWorkgroups } from "../gql/queries/workgroups";
|
|
|
|
export interface WorkgroupLinkProps {
|
|
workgroupId: number
|
|
}
|
|
|
|
export const WorkgroupLink: FunctionComponent<WorkgroupLinkProps> = ({ workgroupId }) => {
|
|
const { workgroups } = useWorkgroups({
|
|
fetchPolicy: "cache-first",
|
|
variables: {
|
|
filter: {
|
|
ids: [workgroupId]
|
|
}
|
|
}
|
|
});
|
|
|
|
const workgroupName = workgroups.length > 0 ? workgroups[0].name : `#${workgroupId}`;
|
|
|
|
return (
|
|
<Link to={`/workgroups/${workgroupId}`}>{workgroupName}</Link>
|
|
);
|
|
}; |