From 7cba78a360da385ef9c361cb1906c60457373905 Mon Sep 17 00:00:00 2001
From: Samuel James <samueljamesinc@gmail.com>
Date: Sat, 5 Sep 2026 15:28:33 +0000
Subject: [PATCH] Clean up: Remove component files

---
 frontend/src/components/TaskList/TaskCard.tsx | 68 -------------------
 1 file changed, 68 deletions(-)
 delete mode 100644 frontend/src/components/TaskList/TaskCard.tsx

diff --git a/frontend/src/components/TaskList/TaskCard.tsx b/frontend/src/components/TaskList/TaskCard.tsx
deleted file mode 100644
index 8a07065..0000000
--- a/frontend/src/components/TaskList/TaskCard.tsx
+++ /dev/null
@@ -1,68 +0,0 @@
-import React from 'react';
-import { Task, TaskStatus } from '../../types';
-import { AssigneeLabel, DueDate, PriorityIndicator, StatusSelect } from '../common/TaskFields';
-
-interface TaskCardProps {
-  task: Task;
-  busy: boolean;
-  onEdit: (task: Task) => void;
-  onDelete: (task: Task) => void;
-  onStatusChange: (task: Task, status: TaskStatus) => void;
-}
-
-/** Mobile card view, per the approved mobile dashboard mockup. */
-const TaskCard: React.FC<TaskCardProps> = ({ task, busy, onEdit, onDelete, onStatusChange }) => (
-  <article className="task-card" aria-label={task.title}>
-    <div className="task-card-header">
-      <div className="task-meta">
-        <PriorityIndicator priority={task.priority} />
-        <StatusSelect
-          status={task.status}
-          taskTitle={task.title}
-          disabled={busy}
-          onChange={(status) => onStatusChange(task, status)}
-        />
-      </div>
-      <div className="task-actions-mobile">
-        <button
-          type="button"
-          className="btn-action"
-          onClick={() => onEdit(task)}
-          disabled={busy}
-          aria-label={`Edit ${task.title}`}
-        >
-          <span aria-hidden="true">&#9998;</span>
-        </button>
-        <button
-          type="button"
-          className="btn-action delete"
-          onClick={() => onDelete(task)}
-          disabled={busy}
-          aria-label={`Delete ${task.title}`}
-        >
-          <span aria-hidden="true">&#128465;</span>
-        </button>
-      </div>
-    </div>
-
-    <button
-      type="button"
-      className="task-card-title-btn"
-      onClick={() => onEdit(task)}
-      aria-label={`Open ${task.title}`}
-    >
-      <h3 className="task-card-title">{task.title}</h3>
-    </button>
-
-    {task.description && <p className="task-card-description">{task.description}</p>}
-
-    <div className="task-card-footer">
-      <AssigneeLabel user={task.assigned_to} />
-      <span className="due-date-info">
-        <DueDate value={task.due_date} />
-      </span>
-    </div>
-  </article>
-);
-
-export default TaskCard;