grafana/public/app/features/library-panels/components/ChangeLibraryPanelModal/ChangeLibraryPanelModal.tsx
kay delaney ed3b87f165
Library Panels: Change wording of ChangeLibraryPanelModal (#33424)
"Changing library panel" -> "Replace with library panel"
2021-04-27 15:14:31 +01:00

31 lines
942 B
TypeScript

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}
/>
);
};