From ff3695f31d177d4b879f05ff6eb45986511b0c52 Mon Sep 17 00:00:00 2001
From: Alma <alma@MacBook-Air-de-Alma.local>
Date: Sat, 12 Apr 2025 20:10:28 +0200
Subject: [PATCH] working leantime widget 78

---
 components/flow.tsx | 22 ++++++++++------------
 1 file changed, 10 insertions(+), 12 deletions(-)

diff --git a/components/flow.tsx b/components/flow.tsx
index 1a2bdaf5..5a856e3b 100644
--- a/components/flow.tsx
+++ b/components/flow.tsx
@@ -35,7 +35,6 @@ export function Flow() {
   const [tasks, setTasks] = useState<Task[]>([]);
   const [error, setError] = useState<string | null>(null);
   const [loading, setLoading] = useState(true);
-  const [refreshing, setRefreshing] = useState(false);
 
   const getStatusLabel = (status: number): string => {
     switch (status) {
@@ -96,9 +95,8 @@ export function Flow() {
           const dateB = b.dateToFinish ? new Date(b.dateToFinish).getTime() : new Date(b.date).getTime();
           return dateA - dateB;
         })
-        .slice(0, 6); // Limit to 6 tasks
+        .slice(0, 4); // Limit to 4 tasks
 
-      console.log('Sorted and filtered tasks:', sortedTasks);
       setTasks(sortedTasks);
     } catch (error) {
       console.error('Error fetching tasks:', error);
@@ -125,7 +123,7 @@ export function Flow() {
           <RefreshCw className="h-4 w-4" />
         </Button>
       </CardHeader>
-      <CardContent className="space-y-4">
+      <CardContent>
         {loading ? (
           <div className="flex items-center justify-center py-4">
             <div className="h-4 w-4 animate-spin rounded-full border-2 border-primary border-t-transparent" />
@@ -135,26 +133,26 @@ export function Flow() {
         ) : tasks.length === 0 ? (
           <div className="text-sm text-muted-foreground text-center">No tasks found</div>
         ) : (
-          <div className="space-y-3">
+          <div className="space-y-3 max-h-[400px] overflow-y-auto pr-2">
             {tasks.map((task) => (
               <div 
                 key={task.id}
-                className="p-4 rounded-2xl bg-white/90 shadow-sm hover:shadow-md transition-all duration-200"
+                className="p-3 rounded-xl bg-white/90 shadow-sm hover:shadow-md transition-all duration-200"
               >
-                <div className="space-y-2">
+                <div className="space-y-1">
                   <a 
                     href={`https://agilite.slm-lab.net/tickets/showTicket/${task.id}`}
                     target="_blank"
                     rel="noopener noreferrer"
-                    className="text-blue-500 hover:text-blue-600 font-medium block text-lg"
+                    className="text-blue-500 hover:text-blue-600 font-medium block text-sm"
                   >
                     {task.headline}
                   </a>
-                  <div className="flex items-center text-gray-500">
-                    <Folder className="h-4 w-4 mr-2 opacity-70" />
-                    <span className="text-sm">{task.projectName}</span>
+                  <div className="flex items-center text-gray-500 text-xs">
+                    <Folder className="h-3 w-3 mr-1 opacity-70" />
+                    <span>{task.projectName}</span>
                     {task.dateToFinish && task.dateToFinish !== '0000-00-00 00:00:00' && (
-                      <span className="ml-4 text-sm">
+                      <span className="ml-2">
                         Due: {new Date(task.dateToFinish).toLocaleDateString()}
                       </span>
                     )}