feat: enhance TaskCard to display task count alongside status

hasib-devs · Nov 24, 2024 · 94b60ed · 94b60ed
1 parent 621a819
commit 94b60ed
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/src/components/TaskCard.tsx b/src/components/TaskCard.tsx
@@ -35,8 +35,11 @@ const TaskCard = ({ status }: Props) => {
   return (
     <>
       <div className="flex flex-col">
-        <h3 className="p-4 border-b text-xl bg-white capitalize">
-          {status.replace("-", " ")}
+        <h3 className="p-4 border-b text-xl bg-white capitalize flex items-center gap-3">
+          <span>{status.replace("-", " ")}</span>
+          <span className="bg-gray-200 text-gray-600 text-sm rounded-full px-2 ml-2">
+            {tasks.length}
+          </span>
         </h3>
 
         <div