diff --git a/frontend/src/components/TaskCard.jsx b/frontend/src/components/TaskCard.jsx
index 67d81ac..50333b0 100644
--- a/frontend/src/components/TaskCard.jsx
+++ b/frontend/src/components/TaskCard.jsx
@@ -1,13 +1,11 @@
 import React from 'react';
 
-const TaskCard = ({ task, onEdit }) => {
+const TaskCard = ({ task, onEdit, onDelete }) => {
   return (
     <div className="bg-gray-700 rounded-md p-3 shadow-sm">
       <div className="flex justify-between items-start">
         <h4 className="font-medium text-white">{task.title}</h4>
         <button onClick={() => onEdit(task)} className="text-xs text-gray-400 hover:text-white">Edit</button>
-        {/* This comment will disable the 'no-undef' error for the next line only */}
-        {/* eslint-disable-next-line no-undef */}
         <button onClick={() => onDelete(task._id)} className="text-xs text-red-400 hover:text-red-300">Delete</button>
       </div>
       <p className="text-sm text-gray-300 mt-1">{task.description}</p>