mirror of https://github.com/grafana/grafana.git
33 lines
957 B
TypeScript
33 lines
957 B
TypeScript
import React, { useEffect } from 'react';
|
|
import { ConfirmModal } from '@grafana/ui';
|
|
import { useDashboardRestore } from './useDashboardRestore';
|
|
export interface RevertDashboardModalProps {
|
|
hideModal: () => void;
|
|
version: number;
|
|
}
|
|
|
|
export const RevertDashboardModal: React.FC<RevertDashboardModalProps> = ({ hideModal, version }) => {
|
|
// TODO: how should state.error be handled?
|
|
const { state, onRestoreDashboard } = useDashboardRestore(version);
|
|
|
|
useEffect(() => {
|
|
if (state.loading === false && state.value) {
|
|
hideModal();
|
|
}
|
|
}, [state, hideModal]);
|
|
|
|
return (
|
|
<ConfirmModal
|
|
isOpen={true}
|
|
title="Restore Version"
|
|
icon="history"
|
|
onDismiss={hideModal}
|
|
onConfirm={onRestoreDashboard}
|
|
body={
|
|
<p>Are you sure you want to restore the dashboard to version {version}? All unsaved changes will be lost.</p>
|
|
}
|
|
confirmText={`Yes, restore to version ${version}`}
|
|
/>
|
|
);
|
|
};
|