fix: remove unnecessary file duplication

public/app/features/explore/CorrelationEditor/Legacy/CorrelationEditorModeBarLegacy.tsx

@@ -16,10 +16,9 @@ import { changeCorrelationHelperData } from '../../state/explorePane';
 import { changeCorrelationEditorDetails, splitClose } from '../../state/main';
 import { runQueries } from '../../state/query';
 import { selectCorrelationDetails, selectIsHelperShowing } from '../../state/selectors';
+import { CorrelationUnsavedChangesModal } from '../CorrelationUnsavedChangesModal';
 import { showModalMessage } from '../correlationEditLogic';
 
-import { CorrelationUnsavedChangesModalLegacy } from './CorrelationUnsavedChangesModalLegacy';
-
 export const CorrelationEditorModeBarLegacy = ({ panes }: { panes: Array<[string, ExploreItemState]> }) => {
   const dispatch = useDispatch();
   const styles = useStyles2(getStyles);
@@ -194,7 +193,7 @@ export const CorrelationEditorModeBarLegacy = ({ panes }: { panes: Array<[string
       />
 
       {saveMessage !== undefined && (
-        <CorrelationUnsavedChangesModalLegacy
+        <CorrelationUnsavedChangesModal
           onDiscard={() => {
             if (correlationDetails?.postConfirmAction !== undefined) {
               const { exploreId, action, changeDatasourceUid } = correlationDetails?.postConfirmAction;

public/app/features/explore/CorrelationEditor/Legacy/CorrelationUnsavedChangesModalLegacy.tsx

@@ -1,46 +0,0 @@
-import { css } from '@emotion/css';
-
-import { Trans, t } from '@grafana/i18n';
-import { Button, Modal } from '@grafana/ui';
-
-interface UnsavedChangesModalProps {
-  message: string;
-  onDiscard: () => void;
-  onCancel: () => void;
-  onSave: () => void;
-}
-
-export const CorrelationUnsavedChangesModalLegacy = ({
-  onSave,
-  onDiscard,
-  onCancel,
-  message,
-}: UnsavedChangesModalProps) => {
-  return (
-    <Modal
-      isOpen={true}
-      title={t(
-        'explore.correlation-unsaved-changes-modal.title-unsaved-changes-to-correlation',
-        'Unsaved changes to correlation'
-      )}
-      onDismiss={onCancel}
-      icon="exclamation-triangle"
-      className={css({ width: '600px' })}
-    >
-      <h5>{message}</h5>
-      <Modal.ButtonRow>
-        <Button variant="secondary" onClick={onCancel} fill="outline">
-          <Trans i18nKey="explore.correlation-unsaved-changes-modal.cancel">Cancel</Trans>
-        </Button>
-        <Button variant="destructive" onClick={onDiscard}>
-          <Trans i18nKey="explore.correlation-unsaved-changes-modal.continue-without-saving">
-            Continue without saving
-          </Trans>
-        </Button>
-        <Button variant="primary" onClick={onSave}>
-          <Trans i18nKey="explore.correlation-unsaved-changes-modal.save-correlation">Save correlation</Trans>
-        </Button>
-      </Modal.ButtonRow>
-    </Modal>
-  );
-};