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:
@@ -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
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user