feat: refactor ObjectivesBoard and enhance column visibility management

- Replaced local state management in `ObjectivesBoard` with `useObjectivesCollapse` hook for better state handling.
- Updated collapse button logic to use the new hook's toggle function, improving code clarity.
- Refactored `useColumnVisibility` to load user preferences on mount and persist visibility changes, enhancing user experience.
- Integrated user preferences for Kanban filters in `TasksContext`, allowing for persistent filter settings across sessions.
This commit is contained in:
Julien Froidefond
2025-09-14 22:42:22 +02:00
parent 1597f0fea1
commit da64221407
6 changed files with 352 additions and 12 deletions

View File

@@ -1,8 +1,9 @@
'use client';
import { createContext, useContext, ReactNode, useState, useMemo } from 'react';
import { createContext, useContext, ReactNode, useState, useMemo, useEffect } from 'react';
import { useTasks } from '@/hooks/useTasks';
import { useTags } from '@/hooks/useTags';
import { userPreferencesService } from '@/services/user-preferences';
import { Task, Tag } from '@/lib/types';
import { CreateTaskData, UpdateTaskData, TaskFilters } from '@/clients/tasks-client';
import { KanbanFilters } from '@/components/kanban/KanbanFilters';
@@ -52,9 +53,44 @@ export function TasksProvider({ children, initialTasks, initialStats }: TasksPro
const { tags, loading: tagsLoading, error: tagsError } = useTags();
// État des filtres Kanban
// État des filtres Kanban avec persistance
const [kanbanFilters, setKanbanFilters] = useState<KanbanFilters>({});
// Charger les préférences au montage
useEffect(() => {
const savedFilters = userPreferencesService.getKanbanFilters();
const savedViewPrefs = userPreferencesService.getViewPreferences();
setKanbanFilters({
search: savedFilters.search,
tags: savedFilters.tags,
priorities: savedFilters.priorities,
showCompleted: savedFilters.showCompleted,
compactView: savedViewPrefs.compactView,
swimlanesByTags: savedViewPrefs.swimlanesByTags
});
}, []);
// Fonction pour mettre à jour les filtres avec persistance
const updateKanbanFilters = (newFilters: KanbanFilters) => {
setKanbanFilters(newFilters);
// Sauvegarder les filtres
userPreferencesService.saveKanbanFilters({
search: newFilters.search,
tags: newFilters.tags,
priorities: newFilters.priorities,
showCompleted: newFilters.showCompleted
});
// Sauvegarder les préférences de vue
userPreferencesService.saveViewPreferences({
compactView: newFilters.compactView || false,
swimlanesByTags: newFilters.swimlanesByTags || false,
showObjectives: true // Toujours visible pour l'instant
});
};
// Séparer les tâches épinglées (objectifs) des autres
const { pinnedTasks, regularTasks } = useMemo(() => {
const pinnedTagNames = tags.filter(tag => tag.isPinned).map(tag => tag.name);
@@ -113,7 +149,7 @@ export function TasksProvider({ children, initialTasks, initialStats }: TasksPro
tagsLoading,
tagsError,
kanbanFilters,
setKanbanFilters,
setKanbanFilters: updateKanbanFilters,
filteredTasks,
pinnedTasks
};