28 lines
851 B
TypeScript
28 lines
851 B
TypeScript
import PageHeader from 'components/layout/PageHeader';
|
|
import { Icon, Icons, Text } from 'react-basics';
|
|
import { useLogin, useMessages, useTeamUrl } from 'components/hooks';
|
|
import LinkButton from 'components/common/LinkButton';
|
|
import { ROLES } from 'lib/constants';
|
|
|
|
export function ReportsHeader() {
|
|
const { formatMessage, labels } = useMessages();
|
|
const { renderTeamUrl } = useTeamUrl();
|
|
const { user } = useLogin();
|
|
const canEdit = user.role !== ROLES.viewOnly;
|
|
|
|
return (
|
|
<PageHeader title={formatMessage(labels.reports)}>
|
|
{canEdit && (
|
|
<LinkButton href={renderTeamUrl('/reports/create')} variant="primary">
|
|
<Icon>
|
|
<Icons.Plus />
|
|
</Icon>
|
|
<Text>{formatMessage(labels.createReport)}</Text>
|
|
</LinkButton>
|
|
)}
|
|
</PageHeader>
|
|
);
|
|
}
|
|
|
|
export default ReportsHeader;
|