working leantime widget 114

components/flow.tsx

@@ -95,40 +95,21 @@ export function Flow() {
         return;
       }
 
-      // Log the complete first task to see its structure
-      console.log('First task from API:', JSON.stringify(data.tasks[0], null, 2));
-      
-      // Log all tasks with their date fields
-      data.tasks.forEach((task: Task) => {
-        console.log(`Task ${task.id} - ${task.headline}:`, {
-          dateToFinish: task.dateToFinish || 'not set',
-          date: task.date || 'not set',
-          status: task.status,
-          projectName: task.projectName
-        });
-      });
-
       // Process tasks - exclude completed tasks and get valid dates
       const processedTasks = data.tasks
         .filter((task: Task) => task.status !== 5) // Exclude completed tasks
         .map((task: Task): TaskWithDate => {
           let validDate: Date | undefined;
           
-          // First try dateToFinish if it's a valid date
+          // Only use dateToFinish
           if (task.dateToFinish && task.dateToFinish !== '0000-00-00 00:00:00') {
-            const date = new Date(task.dateToFinish);
+            const dateToFinish = new Date(task.dateToFinish);
-            if (!isNaN(date.getTime())) {
+            if (!isNaN(dateToFinish.getTime())) {
-              validDate = date;
+              validDate = dateToFinish;
-              console.log(`Task ${task.id} - Valid dateToFinish:`, task.dateToFinish);
+              console.log(`Task ${task.id} - ${task.headline}:`, {
-            }
+                dateToFinish: task.dateToFinish,
-          }
+                status: task.status
-          
+              });
-          // If no valid dateToFinish, try date field
-          if (!validDate && task.date && task.date !== '0000-00-00 00:00:00') {
-            const date = new Date(task.date);
-            if (!isNaN(date.getTime())) {
-              validDate = date;
-              console.log(`Task ${task.id} - Using date field:`, task.date);
             }
           }
 
@@ -136,11 +117,10 @@ export function Flow() {
         });
 
       // Sort tasks: first by status (4 before 3), then by date
-      const sortedTasks = processedTasks
+      const sortedTasks = processedTasks.sort((a: TaskWithDate, b: TaskWithDate) => {
-        .sort((a: TaskWithDate, b: TaskWithDate) => {
         // First sort by status (4 before 3)
         if (a.status !== b.status) {
-            return b.status - a.status; // Higher status numbers first
+          return b.status - a.status;
         }
         
         // Then sort by date
@@ -152,24 +132,13 @@ export function Flow() {
         return 0;
       });
 
-      console.log('Sorted tasks before slice:', sortedTasks.map((t: TaskWithDate) => ({
+      // Take first 12 tasks
-        id: t.id,
-        headline: t.headline,
-        status: t.status,
-        dateToFinish: t.dateToFinish,
-        date: t.date,
-        validDate: t.validDate?.toISOString()
-      })));
-
-      // Take the first 12 tasks
       const finalTasks = sortedTasks.slice(0, 12);
-
       console.log('Final tasks to display:', finalTasks.map((t: TaskWithDate) => ({
         id: t.id,
         headline: t.headline,
         status: t.status,
         dateToFinish: t.dateToFinish,
-        date: t.date,
         validDate: t.validDate?.toISOString()
       })));
 
@@ -199,24 +168,24 @@ export function Flow() {
 
     const today = new Date();
     today.setHours(0, 0, 0, 0);
-
     const isPastDue = task.validDate < today;
-    const textColorClass = isPastDue ? 'text-red-600' : 'text-blue-600';
-    const boldColorClass = isPastDue ? 'text-red-700' : 'text-blue-700';
 
     try {
+      const month = task.validDate.toLocaleString('fr-FR', { month: 'short' }).toUpperCase();
+      const day = task.validDate.getDate();
+      
       return (
         <>
-          <span className={`text-xs ${textColorClass} font-medium uppercase`}>
+          <span className={`text-xs font-medium uppercase ${isPastDue ? 'text-red-600' : 'text-blue-600'}`}>
-            {new Intl.DateTimeFormat('fr-FR', { month: 'short' }).format(task.validDate)}
+            {month}
           </span>
-          <span className={`text-lg ${boldColorClass} font-bold`}>
+          <span className={`text-lg font-bold ${isPastDue ? 'text-red-700' : 'text-blue-700'}`}>
-            {task.validDate.getDate()}
+            {day}
           </span>
         </>
       );
     } catch (error) {
-      console.error('Error formatting date:', error);
+      console.error('Error formatting date for task', task.id, error);
       return (
         <>
           <span className="text-xs text-gray-600 font-medium">ERR</span>