You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
30 lines
942 B
30 lines
942 B
import React from 'react';
|
|
import { ConfirmModal } from '@grafana/ui';
|
|
|
|
import { PanelModel } from '../../../dashboard/state';
|
|
import { isPanelModelLibraryPanel } from '../../guard';
|
|
|
|
export interface ChangeLibraryPanelModalProps {
|
|
panel: PanelModel;
|
|
onConfirm: () => void;
|
|
onDismiss: () => void;
|
|
}
|
|
|
|
export const ChangeLibraryPanelModal = ({ onConfirm, onDismiss, panel }: ChangeLibraryPanelModalProps): JSX.Element => {
|
|
const isLibraryPanel = isPanelModelLibraryPanel(panel);
|
|
const title = `${isLibraryPanel ? 'Changing' : 'Replace with'} library panel`;
|
|
const body = `${
|
|
isLibraryPanel ? 'Changing' : 'Replacing with a'
|
|
} library panel will remove any changes since last save.`;
|
|
return (
|
|
<ConfirmModal
|
|
onConfirm={onConfirm}
|
|
onDismiss={onDismiss}
|
|
confirmText={isLibraryPanel ? 'Change' : 'Replace'}
|
|
title={title}
|
|
body={body}
|
|
dismissText="Cancel"
|
|
isOpen={true}
|
|
/>
|
|
);
|
|
};
|
|
|