Task deletes instantly with no confirm dialog❌

[anoopcodehack]

File: client/src/components/Task/TaskModal.jsx

Clicking delete removes the task forever with zero warning!

Fix: Add window.confirm() before deleteTask():
if (window.confirm("Delete this task?")) {
await deleteTask(task._id)
}
1 line fix!!

[jaiswalranjana]

hey , i would like to work on this issue . could you please assign it to me?

[anoopcodehack]

Thanks for your interest, @jaiswalranjana .I've assigned this issue to you. Feel free to open a PR once it's ready. If you have any questions or run into any issues while working on it, just let me know.

[jaiswalranjana]

Hi! I started looking into this issue. In the current codebase, I couldn't find any delete button or deleteTask() call in client/src/components/Task/TaskModal.jsx, and searching the frontend doesn't show any usage of deleteTask(). Has the delete functionality been moved to another component, or is this issue referring to an older version of the code? I'd appreciate some guidance on the correct file. Thanks!

[anoopcodehack]

Hey @jaiswalranjana, good catch — thanks for checking before diving in!

You're right, it's not in TaskModal.jsx directly. The delete logic is actually in
[e.g. client/src/components/Board/TaskCard.jsx] — look for where deleteTask
is imported/called from the task context or API service file
(client/src/services/taskApi.js or similar).

Feel free to just add the confirm() check wherever the delete function is
actually triggered from — the fix logic is the same regardless of file:

if (window.confirm("Delete this task?")) {
await deleteTask(task._id)
}

Let me know if you can't locate it and I'll point you to the exact line!

[jaiswalranjana]

Hi! I pulled the latest changes and my branch is already up to date. I searched for deleteTask, delete(, axios.delete, and checked the related files, but I could only find the deleteTask function in BoardContext.jsx and the backend delete route in server/routes/tasks.js. I still couldn't find where the delete action is actually triggered in the frontend. Could you please point me to the exact file or line? Thanks!

[anoopcodehack]

Hey @jaiswalranjana, sorry for the confusion — you're absolutely right, the delete button doesn't exist in the frontend yet! That's actually the full scope of this issue 😅

Here's exactly what needs to be done:

1. In client/src/components/Task/TaskModal.jsx — add a delete button in the footer:

<button
  onClick={async () => {
    if (window.confirm('Delete this task?')) {
      await deleteTask(task._id)
      onClose()
    }
  }}
  className="px-4 py-2 text-sm text-red-400 hover:text-red-300 transition"
>
  Delete
</button>

2. Import deleteTask from BoardContext at the top:

const { deleteTask } = useBoard()

That's it! The deleteTask function already exists in BoardContext.jsx — you just need to wire up the button in the modal UI.

Sorry the issue description was misleading — let me know if you have any questions! 🙌