import { RootState } from './rootReducer';
import { close, requestImageDelete } from './imageActionsSlice';
import { useDispatch, useSelector } from 'react-redux';
import ConfirmDialog from '~/js/components/stats/ImageDeleteDialog';
import React from 'react';

export default function ImgDelDialogConfirm() {
  const d = useDispatch();
  const isOpen = useSelector((s: RootState) => s.imageActionsReducer.isOpen);
  const closeDialog = () => {
    d(close());
  };
  const handleDelete = () => {
    d(requestImageDelete());
  };

  return (
    <ConfirmDialog
      isOpen={isOpen}
      closeDialog={closeDialog}
      handleDelete={handleDelete}
    />
  );
}