feat: reintroduce ColumnVisibilityToggle in KanbanFilters

- Moved `ColumnVisibilityToggle` from `Board` and `SwimlanesBase` to `KanbanFilters` for better accessibility.
- Updated `KanbanFilters` to manage column visibility, enhancing user control over displayed statuses.
- Cleaned up unused imports and adjusted layout for improved UI consistency.
This commit is contained in:
Julien Froidefond
2025-09-15 10:33:49 +02:00
parent 363e739b5c
commit 2f18c08b55
4 changed files with 26 additions and 22 deletions

View File

@@ -4,7 +4,6 @@ import { Task, TaskStatus } from '@/lib/types';
import { TaskCard } from './TaskCard';
import { useState } from 'react';
import { useColumnVisibility } from '@/hooks/useColumnVisibility';
import { ColumnVisibilityToggle } from './ColumnVisibilityToggle';
import { getAllStatuses } from '@/lib/status-config';
import {
DndContext,
@@ -158,18 +157,10 @@ export function SwimlanesBase({
</h2>
</div>
{/* Headers des colonnes avec boutons toggle */}
<div className="flex items-center justify-between px-6 pb-4">
<ColumnVisibilityToggle
hiddenStatuses={hiddenStatuses}
onToggleStatus={toggleStatusVisibility}
tasks={tasks}
/>
</div>
{/* Headers des colonnes visibles */}
<div
className={`grid gap-4 px-6 pb-4 ml-8`}
className={`grid gap-4 px-6 py-4 ml-8`}
style={{ gridTemplateColumns: `repeat(${visibleStatuses.length}, minmax(0, 1fr))` }}
>
{visibleStatuses.map(status => {