From a695acceebc5fda140d682136e1470af75e24e09 Mon Sep 17 00:00:00 2001
From: cyforkk <1139009771@qq.com>
Date: Wed, 29 Jul 2026 14:50:52 +0800
Subject: [PATCH] feat: show time ago on task cards

- Add timeAgo() function to display relative time
- Show 'today', '1 day ago', or 'X days ago' in card footer
- No external package needed

Closes #79
---
 devboard/client/src/components/Board/TaskCard.jsx | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/devboard/client/src/components/Board/TaskCard.jsx b/devboard/client/src/components/Board/TaskCard.jsx
index f08c3df..c0cd9e3 100644
--- a/devboard/client/src/components/Board/TaskCard.jsx
+++ b/devboard/client/src/components/Board/TaskCard.jsx
@@ -9,6 +9,14 @@ const PRIORITY_COLORS = {
   low: "bg-green-500/20 text-green-400",
 };
 
+const timeAgo = (date) => {
+  const diff = Date.now() - new Date(date);
+  const days = Math.floor(diff / 86400000);
+  if (days === 0) return "today";
+  if (days === 1) return "1 day ago";
+  return `${days} days ago`;
+};
+
 const TaskCard = ({ task, index, onSelect }) => {
   const [expanded, setExpanded] = useState(false);
   const [selectedSnippet, setSelectedSnippet] = useState(0);
@@ -150,6 +158,9 @@ const TaskCard = ({ task, index, onSelect }) => {
               {task.snippets?.length > 0 && (
                 <span>📎 {task.snippets.length}</span>
               )}
+              {task.createdAt && (
+                <span>🕐 {timeAgo(task.createdAt)}</span>
+              )}
             </div>
             {task.assignee?.name && (
               <div className="w-5 h-5 rounded-full bg-purple-700 flex items-center justify-center text-[9px] font-bold text-white">