DeleteTaskButton index.tsx

0% Statements 0/17

100% Branches 0/0

0% Functions 0/3

0% Lines 0/17

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { Delete } from "@mui/icons-material";
import { deleteTask } from "../../../store/features/playbook/playbookSlice.ts";
import { useDispatch } from "react-redux";
import useCurrentTask from "../../../hooks/playbooks/task/useCurrentTask.ts";
import usePermanentDrawerState from "../../../hooks/common/usePermanentDrawerState.ts";
 
function DeleteTaskButton({ taskId }) {
  const [task] = useCurrentTask(taskId);
  const dispatch = useDispatch();
  const { closeDrawer } = usePermanentDrawerState();
 
  const handleNoAction = (e) => {
    e.preventDefault();
    e.stopPropagation();
  };
 
  const handleDelete = (e) => {
    handleNoAction(e);
    dispatch(deleteTask(task?.id));
    closeDrawer();
  };
 
  return (
    <button
      className="w-fit cursor-pointer text-violet-500 hover:text-gray-400"
      onClick={handleDelete}>
      <Delete fontSize="medium" />
    </button>
  );
}
 
export default DeleteTaskButton;