Enhance UI/UX of time-tracker

apps/web/src/app/[locale]/(dashboard)/[wsId]/calendar/components/tasks-sidebar-content.tsx

@@ -8,9 +8,9 @@
 import TimeTracker from './time-tracker';
 import type {
   AIChat,
-  WorkspaceTask,
   WorkspaceTaskBoard,
 } from '@tuturuuu/types/db';
+import type { ExtendedWorkspaceTask } from '../../time-tracker/types';
 import {
   Accordion,
   AccordionContent,
@@ -186,11 +186,21 @@
 
   // Get all tasks from all boards for time tracker
   const allTasks = useMemo(() => {
-    const tasks: Partial<WorkspaceTask>[] = [];
+    const tasks: ExtendedWorkspaceTask[] = [];
     initialTaskBoards.forEach((board) => {
       board.lists?.forEach((list) => {
         if (list.tasks) {
-          tasks.push(...list.tasks);
+          // Transform Partial<WorkspaceTask> to ExtendedWorkspaceTask
+          const extendedTasks = list.tasks.map((task) => ({
+            ...task,
+            board_name: board.name,
+            list_name: list.name,
+            assignee_name: undefined,
+            assignee_avatar: undefined,
+            is_assigned_to_current_user: undefined,
+            assignees: undefined,
+          } as ExtendedWorkspaceTask));
+          tasks.push(...extendedTasks);
         }
       });
     });

apps/web/src/app/[locale]/(dashboard)/[wsId]/calendar/components/time-tracker.tsx

@@ -2,7 +2,6 @@
 
 import type {
   TimeTrackingCategory,
-  TimeTrackingSession,
   WorkspaceTask,
 } from '@tuturuuu/types/db';
 import {
@@ -70,29 +69,13 @@
 import { Textarea } from '@tuturuuu/ui/textarea';
 import { cn } from '@tuturuuu/utils/format';
 import { useCallback, useEffect, useState } from 'react';
-
-interface ExtendedWorkspaceTask extends Partial<WorkspaceTask> {
-  board_name?: string;
-  list_name?: string;
-}
+import type { ExtendedWorkspaceTask, TimerStats, SessionWithRelations } from '../../time-tracker/types';
 
 interface TimeTrackerProps {
   wsId: string;
   tasks?: ExtendedWorkspaceTask[];
 }
 
-interface TimerStats {
-  todayTime: number;
-  weekTime: number;
-  monthTime: number;
-  streak: number;
-}
-
-interface SessionWithRelations extends TimeTrackingSession {
-  category?: TimeTrackingCategory;
-  task?: WorkspaceTask;
-}
-
 interface SessionTemplate {
   title: string;
   description?: string;
@@ -1131,7 +1114,7 @@
                             <Button
                               onClick={startTimer}
                               disabled={isLoading}
-                              className="w-full"
+                              className="w-full bg-muted hover:bg-muted/80 text-foreground border border-border hover:border-accent dark:bg-muted dark:hover:bg-accent dark:text-foreground"
                               size="lg"
                             >
                               <Play className="mr-2 h-4 w-4" />
@@ -1309,7 +1292,7 @@
                             <Button
                               onClick={startTimer}
                               disabled={!newSessionTitle.trim() || isLoading}
-                              className="w-full"
+                              className="w-full bg-muted hover:bg-muted/80 text-foreground border border-border hover:border-accent dark:bg-muted dark:hover:bg-accent dark:text-foreground"
                               size="lg"
                             >
                               <Play className="mr-2 h-4 w-4" />
@@ -1976,7 +1959,7 @@
                 disabled={
                   isCreatingTask || !newTaskName.trim() || !selectedListId
                 }
-                className="flex-1"
+                className="flex-1 bg-muted hover:bg-muted/80 text-foreground border border-border hover:border-accent dark:bg-muted dark:hover:bg-accent dark:text-foreground"
               >
                 {isCreatingTask ? (
                   <>