fix: applies fix on task cards

Author: ka1ea6

src/components/Projects/KanbanBoardView.tsx

@@ -9,17 +9,16 @@ import { TaskDetailsModal } from './TaskDetailsModal'
 import { AddEpicModal } from './AddEpicModal'
 import { DashboardHero } from '../Heros/DashboardHero'
 
-import { Project, Epic, Sprint, Task, DigitalColleague, User } from '../Foundary/types'
+import { Project, Epic, Sprint, Task, DigitalColleague, User, Colleague } from '../Foundary/types'
 import { extractId } from '@/lib/utils/extract-id'
-// import { extractId } from '@/utils/extract-id'
 
 export interface KanbanBoardProps {
   initialTasks?: Task[]
   initialEpics?: Epic[]
   initialSprints?: (Sprint & { isSelected: boolean })[]
   initialProjects?: Project[]
   initialUsers?: User[]
-  initialColleagues?: DigitalColleague[]
+  initialColleagues?: Colleague[]
   // Task handlers
   onAddTask?: (newTask: Omit<Task, 'id' | 'createdAt' | 'updatedAt'>) => void
   onUpdateTask?: (taskId: string, updates: Partial<Task>) => Promise<Task>
@@ -54,7 +53,7 @@ export const KanbanBoardView: React.FC<KanbanBoardProps> = ({
   const [selectedTask, setSelectedTask] = useState<Task | null>(null)
   const [draggedTask, setDraggedTask] = useState<Task | null>(null)
   const [users, setUsers] = useState<User[]>(initialUsers)
-  const [colleagues, setColleagues] = useState<DigitalColleague[]>(initialColleagues)
+  const [colleagues, setColleagues] = useState<Colleague[]>(initialColleagues)
   const [heroHeight, setHeroHeight] = useState(0)
 
   const heroRef = useRef<HTMLDivElement>(null)
@@ -77,6 +76,10 @@ export const KanbanBoardView: React.FC<KanbanBoardProps> = ({
     setSprints(initialSprints)
   }, [initialSprints])
 
+  useEffect(() => {
+    setColleagues(initialColleagues)
+  }, [initialColleagues])
+
   // Measure hero height and adjust when it changes
   useEffect(() => {
     const measureHeroHeight = () => {
@@ -334,7 +337,7 @@ export const KanbanBoardView: React.FC<KanbanBoardProps> = ({
           sprints={sprints}
           onUpdateTask={handleUpdateTask}
           onDeleteTask={handleDeleteTask}
-          colleagues={[...colleagues, ...users]}
+          colleagues={colleagues}
           onAddComment={onAddComment}
         />
       )}

src/components/Projects/ProjectView.tsx

@@ -21,6 +21,7 @@ import type {
   Epic,
   Sprint,
   Project,
+  Colleague,
 } from '../Foundary/types'
 // import { Epic, Sprint, Project, Task } from "@/components/DigitalColleagues/KanbanBoard"
 import { useRouter } from 'next/navigation'
@@ -80,7 +81,7 @@ interface Props {
   initialSprints?: Sprint[]
   initialProjects?: Project[]
   initialReminders?: Reminder[]
-  initialColleagues?: DigitalColleague[]
+  initialColleagues?: Colleague[]
   initialUsers?: User[]
   initialFiles?: FileType[]
   initialView?: View
@@ -175,7 +176,7 @@ export default function ProjectView({
   const [sprints, setSprints] = useState<Sprint[]>(initialSprints)
   const [projects, setProjects] = useState<Project[]>(initialProjects)
   const [reminders, setReminders] = useState<Reminder[]>(initialReminders)
-  const [colleagues, setColleagues] = useState<DigitalColleague[]>(initialColleagues)
+  const [colleagues, setColleagues] = useState<Colleague[]>(initialColleagues)
   const [users, setUsers] = useState<User[]>(initialUsers)
   const [files, setFiles] = useState<FileType[]>(initialFiles)
   const [isAddTaskModalOpen, setIsAddTaskModalOpen] = useState(false)

src/components/Projects/TaskDetailsModal.tsx

@@ -1,6 +1,6 @@
 import React, { use, useEffect, useState } from 'react'
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from '@/components/ui/dialog'
-import { Task, Epic, Sprint, DigitalColleague, User } from '../Foundary/types'
+import { Task, Epic, Sprint, DigitalColleague, User, Colleague } from '../Foundary/types'
 import { EditableField } from '../AdvancedComponents/EditableField'
 import { CommentSection } from '../AdvancedComponents/CommentSection'
 import { TaskSidebar } from './TaskSidebar'
@@ -24,7 +24,7 @@ interface TaskDetailsModalProps {
   onUpdateTask: (taskId: string, updates: Partial<Task>) => Promise<Task>
   onDeleteTask: (taskId: string) => Promise<void>
   onAddComment?: ({ content, taskId }: { taskId: string; content: string }) => Promise<Task>
-  colleagues: (User | DigitalColleague)[]
+  colleagues: Colleague[]
 }
 
 export const TaskDetailsModal: React.FC<TaskDetailsModalProps> = ({
@@ -56,6 +56,7 @@ export const TaskDetailsModal: React.FC<TaskDetailsModalProps> = ({
     //   createdAt: new Date(task.createdAt.getTime() + 86400000), // +1 day
     // },
   ])
+  const [members, setMembers] = useState(colleagues)
 
   useEffect(() => {
     setTask(initialTask)
@@ -91,6 +92,7 @@ export const TaskDetailsModal: React.FC<TaskDetailsModalProps> = ({
         // Reset to idle after showing success
         setTimeout(() => setUpdateState('idle'), 1500)
       } catch (error) {
+        console.log('error', error)
         setUpdateState('error')
         // Reset to idle after showing error
         setTimeout(() => setUpdateState('idle'), 3000)
@@ -237,7 +239,7 @@ export const TaskDetailsModal: React.FC<TaskDetailsModalProps> = ({
             isUpdating={updateState === 'loading'}
             isDeleting={deleteState === 'loading'}
             deleteState={deleteState}
-            teamMembers={colleagues}
+            teamMembers={members}
           />
         </div>
       </DialogContent>

src/components/Projects/TaskSidebar.tsx

@@ -140,6 +140,11 @@ export const TaskSidebar: React.FC<TaskSidebarProps> = ({
 }) => {
   const [storyPoints, setStoryPoints] = useState(task.storyPoints)
   const debounceTimeoutRef = useRef<NodeJS.Timeout | null>(null)
+  const [members, setMembers] = useState(teamMembers)
+
+  useEffect(() => {
+    setMembers(teamMembers)
+  }, [teamMembers])
 
   // Debounced version of onUpdateTask for story points
   const debouncedUpdateTask = useCallback(
@@ -315,7 +320,7 @@ export const TaskSidebar: React.FC<TaskSidebarProps> = ({
           <TaskSelect
             label=""
             value={extractId(task.epic).toString()}
-            onValueChange={(value) => onUpdateTask('epicId', value)}
+            onValueChange={(value) => onUpdateTask('epic', value)}
             options={(epics || []).map((epic) => ({
               value: epic.id.toString(),
               label: epic?.name,
@@ -332,7 +337,7 @@ export const TaskSidebar: React.FC<TaskSidebarProps> = ({
           <TaskSelect
             label=""
             value={extractId(task.sprint).toString() || 'none'}
-            onValueChange={(value) => onUpdateTask('sprintId', value === 'none' ? '' : value)}
+            onValueChange={(value) => onUpdateTask('sprint', value === 'none' ? '' : value)}
             options={[
               {
                 value: 'none',
@@ -354,7 +359,7 @@ export const TaskSidebar: React.FC<TaskSidebarProps> = ({
             label=""
             value={(task.assignee as any)?.value?.name}
             onValueChange={(value) => onUpdateTask('assignee', value)}
-            options={teamMembers.map((member) => ({
+            options={members.map((member) => ({
               value: `${
                 typeof (member as any).email === 'string' ? 'users' : 'digital-colleagues'
               }:${member.id}`,

src/components/Projects/TasksView.tsx

@@ -34,11 +34,11 @@ import {
   BellOff,
 } from 'lucide-react'
 
-import { type Reminder, type DigitalColleague } from '../Foundary/types'
+import { type Reminder, type Colleague } from '../Foundary/types'
 
 export interface TasksViewProps {
   initialReminders?: Reminder[]
-  initialColleagues?: DigitalColleague[]
+  initialColleagues?: Colleague[]
   onAddReminder?: (reminder: Omit<Reminder, 'id' | 'createdAt'>) => void
   onUpdateReminder?: (reminderId: string, updates: Partial<Reminder>) => void
   onDeleteReminder?: (reminderId: string) => void
@@ -114,7 +114,7 @@ const isTomorrow = (date: Date) => {
 }
 
 const AddReminderModal: React.FC<{
-  colleagues: DigitalColleague[]
+  colleagues: Colleague[]
   onAddReminder: (reminder: Omit<Reminder, 'id' | 'createdAt'>) => void
   open: boolean
   setOpen: (open: boolean) => void
@@ -409,7 +409,7 @@ const AddReminderModal: React.FC<{
 
 const EditReminderModal: React.FC<{
   reminder: Reminder
-  colleagues: DigitalColleague[]
+  colleagues: Colleague[]
   onUpdateReminder: (reminderId: string, updates: Partial<Reminder>) => void
   open: boolean
   onClose: () => void
@@ -662,7 +662,7 @@ const EditReminderModal: React.FC<{
 
 const ReminderCard: React.FC<{
   reminder: Reminder
-  colleagues: DigitalColleague[]
+  colleagues: Colleague[]
   onUpdateReminder: (reminderId: string, updates: Partial<Reminder>) => void
   onDeleteReminder: (reminderId: string) => void
 }> = ({ reminder, colleagues, onUpdateReminder, onDeleteReminder }) => {
@@ -805,9 +805,7 @@ export const TasksView: React.FC<TasksViewProps> = ({
   onDeleteReminder,
 }) => {
   const [reminders, setReminders] = useState<Reminder[]>(initialReminders.filter(Boolean))
-  const [colleagues, setColleagues] = useState<DigitalColleague[]>(
-    initialColleagues.filter(Boolean),
-  )
+  const [colleagues, setColleagues] = useState<Colleague[]>(initialColleagues.filter(Boolean))
   const [filter, setFilter] = useState<'all' | 'pending' | 'completed' | 'overdue' | 'today'>('all')
   const [searchTerm, setSearchTerm] = useState('')
   const [openAddReminderModal, setOpenAddReminderModal] = useState(false)
@@ -918,7 +916,7 @@ export const TasksView: React.FC<TasksViewProps> = ({
   }
 
   // Ensure we have at least one valid colleague for the default reminder
-  const defaultColleague: DigitalColleague = (colleagues.find(Boolean) as DigitalColleague) || {
+  const defaultColleague: Colleague = (colleagues.find(Boolean) as Colleague) || {
     id: '1',
     name: 'Default Colleague',
     // status: 'active' as const,