Na}{

File Content: DeleteDashboardModal.tsx

import { css } from '@emotion/css';
import { sumBy } from 'lodash';
import React from 'react';
import { connect, ConnectedProps } from 'react-redux';
import useAsyncFn from 'react-use/lib/useAsyncFn';

import { locationService } from '@grafana/runtime';
import { Modal, ConfirmModal, Button } from '@grafana/ui';
import { config } from 'app/core/config';
import { DashboardModel, PanelModel } from 'app/features/dashboard/state';
import { cleanUpDashboardAndVariables } from 'app/features/dashboard/state/actions';
import { deleteDashboard } from 'app/features/manage-dashboards/state/actions';

type DeleteDashboardModalProps = {
  hideModal(): void;
  dashboard: DashboardModel;
};

const mapDispatchToProps = {
  cleanUpDashboardAndVariables,
};

const connector = connect(null, mapDispatchToProps);

type Props = DeleteDashboardModalProps & ConnectedProps<typeof connector>;

const DeleteDashboardModalUnconnected = ({ hideModal, cleanUpDashboardAndVariables, dashboard }: Props) => {
  const isProvisioned = dashboard.meta.provisioned;

const [, onConfirm] = useAsyncFn(async () => {
    await deleteDashboard(dashboard.uid, true);
    cleanUpDashboardAndVariables();
    hideModal();
    locationService.replace('/');
  }, [hideModal]);

const modalBody = getModalBody(dashboard.panels, dashboard.title);

if (isProvisioned) {
 return <ProvisionedDeleteModal hideModal={hideModal} provisionedId={dashboard.meta.provisionedExternalId!} />;
 }

return (
 <ConfirmModal
 isOpen={true}
 body={modalBody}
 onConfirm={onConfirm}
 onDismiss={hideModal}
 title="Delete"
 icon="trash-alt"
 confirmText="Delete"
 />
 );
};

export const DeleteDashboardModal = connector(DeleteDashboardModalUnconnected);

Name	Size	Permission	Action
DeleteDashboardButton.tsx	874 bytes	0644
DeleteDashboardModal.tsx	3266 bytes	0644