bruno/packages/bruno-app/src/components/Environments/EnvironmentSettings/DeleteEnvironment/index.js

import React from 'react';
import Portal from "components/Portal/index";
import toast from 'react-hot-toast';
import Modal from "components/Modal/index";
import { deleteEnvironment } from 'providers/ReduxStore/slices/collections/actions';
import { useDispatch } from 'react-redux';
import StyledWrapper from './StyledWrapper';

const DeleteEnvironment = ({onClose, environment, collection}) => {
  const dispatch = useDispatch();
  const onConfirm = () =>{
    dispatch(deleteEnvironment(environment.uid, collection.uid))
      .then(() => {
        toast.success("Environment deleted successfully");
        onClose();
      })
      .catch(() => toast.error("An error occured while deleting the environment"));
  };

  return (
    <Portal>
      <StyledWrapper>
        <Modal
          size="sm"
          title={"Delete Environment"}
          confirmText="Delete"
          handleConfirm={onConfirm}
          handleCancel={onClose}
        >
          Are you sure you want to delete <span className="font-semibold">{environment.name}</span> ?
        </Modal>
      </StyledWrapper>
    </Portal>
    
  );
}

export default DeleteEnvironment;