d15c00c29b
- Introduced TaskListV2 and TaskGroupHeader components for a more organized task display. - Implemented virtualized rendering using react-virtuoso for efficient task list handling. - Updated Redux state management to include new selectors and improved task grouping logic. - Added task filtering capabilities with TaskListFilters component for better user experience. - Enhanced task selection handling and integrated drag-and-drop functionality for task rows. - Updated package dependencies to include new libraries for icons and forms.
32 lines
666 B
TypeScript
32 lines
666 B
TypeScript
import React from 'react';
|
|
|
|
interface TaskListHeaderProps {
|
|
onExpandAll: () => void;
|
|
onCollapseAll: () => void;
|
|
}
|
|
|
|
const TaskListHeader: React.FC<TaskListHeaderProps> = ({
|
|
onExpandAll,
|
|
onCollapseAll,
|
|
}) => {
|
|
return (
|
|
<div className="task-list-header">
|
|
<div className="header-actions">
|
|
<button
|
|
className="btn btn-secondary btn-sm"
|
|
onClick={onExpandAll}
|
|
>
|
|
Expand All
|
|
</button>
|
|
<button
|
|
className="btn btn-secondary btn-sm ml-2"
|
|
onClick={onCollapseAll}
|
|
>
|
|
Collapse All
|
|
</button>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default TaskListHeader;
|