refactor(task-list): update status handling and enhance styling in TaskListV2Table
- Modified status assignment in useTaskSocketHandlers to utilize actual status_id from the response for improved accuracy. - Simplified status logic by directly using data.status in task creation. - Enhanced styling in TaskListV2Table by adding border styles for better visual separation of elements.
This commit is contained in:
@@ -515,7 +515,7 @@ const TaskListV2Section: React.FC = () => {
|
|||||||
return (
|
return (
|
||||||
<div
|
<div
|
||||||
key={column.id}
|
key={column.id}
|
||||||
className={`text-sm font-semibold text-gray-600 dark:text-gray-300 ${
|
className={`text-sm font-semibold text-gray-600 dark:text-gray-300 border-r border-gray-200 dark:border-gray-700 ${
|
||||||
column.id === 'dragHandle'
|
column.id === 'dragHandle'
|
||||||
? 'flex items-center justify-center'
|
? 'flex items-center justify-center'
|
||||||
: column.id === 'checkbox'
|
: column.id === 'checkbox'
|
||||||
@@ -549,7 +549,7 @@ const TaskListV2Section: React.FC = () => {
|
|||||||
})}
|
})}
|
||||||
{/* Add Custom Column Button - positioned at the end and scrolls with content */}
|
{/* Add Custom Column Button - positioned at the end and scrolls with content */}
|
||||||
<div
|
<div
|
||||||
className="flex items-center justify-center px-2"
|
className="flex items-center justify-center px-2 border-r border-gray-200 dark:border-gray-700"
|
||||||
style={{ width: '50px', flexShrink: 0 }}
|
style={{ width: '50px', flexShrink: 0 }}
|
||||||
>
|
>
|
||||||
<AddCustomColumnButton />
|
<AddCustomColumnButton />
|
||||||
|
|||||||
@@ -232,7 +232,7 @@ export const useTaskSocketHandlers = () => {
|
|||||||
dispatch(
|
dispatch(
|
||||||
updateTask({
|
updateTask({
|
||||||
...currentTask,
|
...currentTask,
|
||||||
status: newStatusValue,
|
status: response.status_id || newStatusValue, // Use actual status_id instead of category
|
||||||
progress: response.complete_ratio || currentTask.progress,
|
progress: response.complete_ratio || currentTask.progress,
|
||||||
updatedAt: new Date().toISOString(),
|
updatedAt: new Date().toISOString(),
|
||||||
})
|
})
|
||||||
@@ -806,13 +806,7 @@ export const useTaskSocketHandlers = () => {
|
|||||||
task_key: data.task_key || '',
|
task_key: data.task_key || '',
|
||||||
title: data.name || '',
|
title: data.name || '',
|
||||||
description: data.description || '',
|
description: data.description || '',
|
||||||
status: (data.status_category?.is_todo
|
status: data.status || 'todo',
|
||||||
? 'todo'
|
|
||||||
: data.status_category?.is_doing
|
|
||||||
? 'doing'
|
|
||||||
: data.status_category?.is_done
|
|
||||||
? 'done'
|
|
||||||
: 'todo') as 'todo' | 'doing' | 'done',
|
|
||||||
priority: (data.priority_value === 3
|
priority: (data.priority_value === 3
|
||||||
? 'critical'
|
? 'critical'
|
||||||
: data.priority_value === 2
|
: data.priority_value === 2
|
||||||
|
|||||||
Reference in New Issue
Block a user