29 lines
781 B
TypeScript
29 lines
781 B
TypeScript
import React, { FC } from 'react';
|
|
import { HorizontalGroup, LinkButton } from '@grafana/ui';
|
|
|
|
export interface Props {
|
|
folderId?: number;
|
|
isEditor: boolean;
|
|
canEdit?: boolean;
|
|
}
|
|
|
|
export const DashboardActions: FC<Props> = ({ folderId, isEditor, canEdit }) => {
|
|
const actionUrl = (type: string) => {
|
|
let url = `dashboard/${type}`;
|
|
|
|
if (folderId) {
|
|
url += `?folderId=${folderId}`;
|
|
}
|
|
|
|
return url;
|
|
};
|
|
|
|
return (
|
|
<HorizontalGroup spacing="md" align="center">
|
|
{canEdit && <LinkButton href={actionUrl('new')}>New Dashboard</LinkButton>}
|
|
{!folderId && isEditor && <LinkButton href="dashboards/folder/new">New Folder</LinkButton>}
|
|
{canEdit && <LinkButton href={actionUrl('import')}>Import</LinkButton>}
|
|
</HorizontalGroup>
|
|
);
|
|
};
|