mirror of
https://github.com/grafana/grafana.git
synced 2025-02-20 11:48:34 -06:00
166641d66d
* Initial permissions * Show/hide checkboxes * Fix kinds from main * CreateNewButton tests * Update DashboardsTree test * Mock folder permissions * Rename showCheckBoxes to canSelect * Make column ordering look better
54 lines
1.4 KiB
TypeScript
54 lines
1.4 KiB
TypeScript
import React from 'react';
|
|
|
|
import { Button, Dropdown, Icon, Menu, MenuItem } from '@grafana/ui';
|
|
import {
|
|
getNewDashboardPhrase,
|
|
getNewFolderPhrase,
|
|
getImportPhrase,
|
|
getNewPhrase,
|
|
} from 'app/features/search/tempI18nPhrases';
|
|
|
|
interface Props {
|
|
/**
|
|
* Pass a folder UID in which the dashboard or folder will be created
|
|
*/
|
|
inFolder?: string;
|
|
canCreateFolder: boolean;
|
|
canCreateDashboard: boolean;
|
|
}
|
|
|
|
export function CreateNewButton({ inFolder, canCreateDashboard, canCreateFolder }: Props) {
|
|
const newMenu = (
|
|
<Menu>
|
|
{canCreateDashboard && (
|
|
<MenuItem url={addFolderUidToUrl('/dashboard/new', inFolder)} label={getNewDashboardPhrase()} />
|
|
)}
|
|
{canCreateFolder && (
|
|
<MenuItem url={addFolderUidToUrl('/dashboards/folder/new', inFolder)} label={getNewFolderPhrase()} />
|
|
)}
|
|
{canCreateDashboard && (
|
|
<MenuItem url={addFolderUidToUrl('/dashboard/import', inFolder)} label={getImportPhrase()} />
|
|
)}
|
|
</Menu>
|
|
);
|
|
|
|
return (
|
|
<Dropdown overlay={newMenu}>
|
|
<Button>
|
|
{getNewPhrase()}
|
|
<Icon name="angle-down" />
|
|
</Button>
|
|
</Dropdown>
|
|
);
|
|
}
|
|
|
|
/**
|
|
*
|
|
* @param url without any parameters
|
|
* @param folderUid folder id
|
|
* @returns url with paramter if folder is present
|
|
*/
|
|
function addFolderUidToUrl(url: string, folderUid: string | undefined) {
|
|
return folderUid ? url + '?folderUid=' + folderUid : url;
|
|
}
|