feat(enhanced-kanban): update TaskCard to display task due date

- Added a new due date display within the TaskCard component, enhancing task visibility.
- Removed the previous due date element to streamline the layout and improve UI consistency.
This commit is contained in:
shancds
2025-07-03 19:05:40 +05:30
parent 73c78dd28f
commit fb9e430ba0

View File

@@ -96,6 +96,9 @@ const TaskCard: React.FC<TaskCardProps> = memo(({
</div>
<div className="task-assignees-row" style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', width: '100%' }}>
<div className="task-due-date" style={{ fontSize: 10, color: '#888', marginRight: 8, whiteSpace: 'nowrap' }}>
{task.end_date ? format(new Date(task.end_date), 'MMM d, yyyy') : ''}
</div>
<div className="task-assignees" style={{ display: 'flex', alignItems: 'center' }}>
<AvatarGroup
members={task.names || []}
@@ -105,9 +108,6 @@ const TaskCard: React.FC<TaskCardProps> = memo(({
/>
<LazyAssigneeSelectorWrapper task={task} groupId={groupId} isDarkMode={themeMode === 'dark'} />
</div>
<div className="task-due-date" style={{ fontSize: 10, color: '#888', marginLeft: 8, whiteSpace: 'nowrap' }}>
{task.end_date ? format(new Date(task.end_date), 'MMM d, yyyy') : ''}
</div>
</div>
</div>
</div>