No way to delete a snippet from a task🗒️

[anoopcodehack]

No way to delete a snippet from a task🗒️

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

Once you add a snippet, there's no ✕ button to remove it.

Fix:

Show existing task.snippets in edit mode
Add a delete button per snippet
Call PUT /api/tasks/:id with updated snippets array

[Karim-Ashraf1]

I can work on this!

[anoopcodehack]

Hey @Karim-Ashraf1, assigned to you!

Here's exactly what to do:

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

Step 1 — Show existing snippets in edit mode with a delete button:

{task?.snippets?.map((snippet, index) => (
  <div key={index} className="flex items-center justify-between bg-[#0f0f10] rounded-lg px-3 py-2 mb-2">
    <span className="text-xs font-mono text-[#888]">{snippet.language} snippet</span>
    <button
      onClick={() => handleDeleteSnippet(index)}
      className="text-red-400 hover:text-red-300 text-xs"
    >
      ✕ Remove
    </button>
  </div>
))}

Step 2 — Add the handler:

const handleDeleteSnippet = async (indexToRemove) => {
  const updatedSnippets = task.snippets.filter((_, i) => i !== indexToRemove)
  await updateTask(task._id, { snippets: updatedSnippets })
}

That's it! updateTask already exists in BoardContext

Open a PR when ready — happy to review!

[Karim-Ashraf1]

I submitted a pr @anoopcodehack #104

[anoopcodehack]

Hey, your PR has been merged! You're officially a DevBoard contributor now!

If you enjoyed contributing and found the project useful, consider leaving a ⭐ on the repo — it really helps more developers discover the project and keeps the community growing!

Also feel free to pick up another issue anytime — always happy to have you here! 🙌