From d4b50b889067db533cd7e5a13984694d480f946c Mon Sep 17 00:00:00 2001
From: Alma <alma@MacBook-Air-de-Alma.local>
Date: Sat, 12 Apr 2025 15:36:49 +0200
Subject: [PATCH] working leantime widget 56

---
 components/flow.tsx | 44 +++++++++-----------------------------------
 1 file changed, 9 insertions(+), 35 deletions(-)

diff --git a/components/flow.tsx b/components/flow.tsx
index cc15ca50..b08a3ba7 100644
--- a/components/flow.tsx
+++ b/components/flow.tsx
@@ -132,7 +132,7 @@ export function Flow() {
   return (
     <Card className="transition-transform duration-500 ease-in-out transform hover:scale-105">
       <CardHeader className="flex flex-row items-center justify-between pb-2">
-        <CardTitle className="text-lg font-medium">Flow</CardTitle>
+        <CardTitle className="text-lg font-medium">Tasks</CardTitle>
         <Button
           variant="ghost"
           size="icon"
@@ -153,41 +153,15 @@ export function Flow() {
         ) : tasks.length === 0 ? (
           <div className="text-center text-sm text-gray-500">No tasks found</div>
         ) : (
-          <div className="space-y-3">
+          <div className="space-y-2">
             {tasks.map((task) => (
-              <div key={task.id} className="flex items-start space-x-2 p-2 rounded-lg bg-white/50 backdrop-blur-sm shadow-sm hover:bg-white/60 transition-colors">
-                <div className="flex-1 min-w-0">
-                  <div className="flex items-center justify-between gap-2">
-                    <h3 className="text-sm font-medium truncate" title={task.headline}>
-                      {task.headline}
-                    </h3>
-                    <span className={`px-2 py-1 rounded-full text-xs font-medium whitespace-nowrap ${getStatusColor(task.status)}`}>
-                      {getStatusLabel(task.status)}
-                    </span>
-                  </div>
-                  <div className="flex flex-col gap-1 mt-1">
-                    <div className="flex items-center justify-between">
-                      <p className="text-xs text-gray-500 truncate">
-                        {task.projectName}
-                      </p>
-                      {task.tags && (
-                        <p className="text-xs text-blue-500 truncate">
-                          {task.tags}
-                        </p>
-                      )}
-                    </div>
-                    {task.dateToFinish && task.dateToFinish !== '0000-00-00 00:00:00' && (
-                      <p className="text-xs text-gray-400">
-                        Due: {formatDate(task.dateToFinish)}
-                      </p>
-                    )}
-                    {task.milestoneHeadline && (
-                      <p className="text-xs text-purple-500 truncate">
-                        {task.milestoneHeadline}
-                      </p>
-                    )}
-                  </div>
-                </div>
+              <div 
+                key={task.id} 
+                className="p-2 rounded-lg bg-white/50 backdrop-blur-sm hover:bg-white/60 transition-colors"
+              >
+                <h3 className="text-sm font-medium truncate" title={task.headline}>
+                  {task.headline}
+                </h3>
               </div>
             ))}
           </div>