51 lines
1.5 KiB
TypeScript
51 lines
1.5 KiB
TypeScript
import React, { useState } from 'react';
|
|
import { css } from 'emotion';
|
|
import { Modal } from '@grafana/ui';
|
|
import { SaveDashboardAsForm } from './forms/SaveDashboardAsForm';
|
|
import { SaveDashboardErrorProxy } from './SaveDashboardErrorProxy';
|
|
import { useDashboardSave } from './useDashboardSave';
|
|
import { SaveDashboardModalProps } from './types';
|
|
|
|
export const SaveDashboardAsModal: React.FC<
|
|
SaveDashboardModalProps & {
|
|
isNew?: boolean;
|
|
}
|
|
> = ({ dashboard, onDismiss, isNew }) => {
|
|
const { state, onDashboardSave } = useDashboardSave(dashboard);
|
|
const [dashboardSaveModelClone, setDashboardSaveModelClone] = useState();
|
|
return (
|
|
<>
|
|
{state.error && (
|
|
<SaveDashboardErrorProxy
|
|
error={state.error}
|
|
dashboard={dashboard}
|
|
dashboardSaveModel={dashboardSaveModelClone}
|
|
onDismiss={onDismiss}
|
|
/>
|
|
)}
|
|
{!state.error && (
|
|
<Modal
|
|
isOpen={true}
|
|
title="Save dashboard as..."
|
|
icon="copy"
|
|
onDismiss={onDismiss}
|
|
className={css`
|
|
width: 500px;
|
|
`}
|
|
>
|
|
<SaveDashboardAsForm
|
|
dashboard={dashboard}
|
|
onCancel={onDismiss}
|
|
onSuccess={onDismiss}
|
|
onSubmit={(clone, options, dashboard) => {
|
|
setDashboardSaveModelClone(clone);
|
|
return onDashboardSave(clone, options, dashboard);
|
|
}}
|
|
isNew={isNew}
|
|
/>
|
|
</Modal>
|
|
)}
|
|
</>
|
|
);
|
|
};
|