Files
towercontrol/src/contexts/TasksContext.tsx
Julien Froidefond b0dc1bec11 fix: add active filters count to context and components
- Integrated activeFiltersCount into useTasksContext for HomePageContent and KanbanFilters.
- Removed redundant activeFiltersCount calculation from KanbanFilters, leveraging the context instead for better performance and consistency.
2025-09-17 14:46:27 +02:00

236 lines
8.0 KiB
TypeScript

'use client';
import { createContext, useContext, ReactNode, useMemo } from 'react';
import { useTasks } from '@/hooks/useTasks';
import { useTags } from '@/hooks/useTags';
import { useUserPreferences } from './UserPreferencesContext';
import { Task, Tag, TaskStats } from '@/lib/types';
import { CreateTaskData, UpdateTaskData, TaskFilters } from '@/clients/tasks-client';
import { KanbanFilters } from '@/components/kanban/KanbanFilters';
import { sortTasks, getSortOption, DEFAULT_SORT, createSortKey } from '@/lib/sort-config';
interface TasksContextType {
tasks: Task[]; // Toutes les tâches
regularTasks: Task[]; // Tâches sans les épinglées (pour Kanban)
stats: TaskStats;
loading: boolean;
syncing: boolean;
error: string | null;
createTask: (data: CreateTaskData) => Promise<Task | null>;
updateTask: (data: UpdateTaskData) => Promise<Task | null>;
updateTaskOptimistic: (data: UpdateTaskData) => Promise<Task | null>;
deleteTask: (taskId: string) => Promise<void>;
refreshTasks: () => Promise<void>;
setFilters: (filters: TaskFilters) => void;
// Kanban filters
kanbanFilters: KanbanFilters;
setKanbanFilters: (filters: KanbanFilters) => void;
filteredTasks: Task[];
pinnedTasks: Task[]; // Tâches avec tags épinglés (objectifs)
activeFiltersCount: number; // Nombre de filtres actifs
// Tags
tags: Tag[];
tagsLoading: boolean;
tagsError: string | null;
}
const TasksContext = createContext<TasksContextType | null>(null);
interface TasksProviderProps {
children: ReactNode;
initialTasks: Task[];
initialStats: TaskStats;
initialTags?: (Tag & { usage: number })[];
}
export function TasksProvider({ children, initialTasks, initialStats, initialTags }: TasksProviderProps) {
const tasksState = useTasks(
{ limit: 20 },
{ tasks: initialTasks, stats: initialStats }
);
const { tags, loading: tagsLoading, error: tagsError } = useTags(initialTags);
const { preferences, updateKanbanFilters, updateViewPreferences } = useUserPreferences();
// Construire l'objet KanbanFilters à partir des préférences
const kanbanFilters: KanbanFilters = useMemo(() => ({
search: preferences.kanbanFilters.search || '',
tags: preferences.kanbanFilters.tags || [],
priorities: preferences.kanbanFilters.priorities || [],
showCompleted: preferences.kanbanFilters.showCompleted ?? true,
sortBy: preferences.kanbanFilters.sortBy || createSortKey('priority', 'desc'),
compactView: preferences.viewPreferences.compactView || false,
swimlanesByTags: preferences.viewPreferences.swimlanesByTags || false,
swimlanesMode: preferences.viewPreferences.swimlanesMode || 'tags',
// Filtres Jira
showJiraOnly: preferences.kanbanFilters.showJiraOnly || false,
hideJiraTasks: preferences.kanbanFilters.hideJiraTasks || false,
jiraProjects: preferences.kanbanFilters.jiraProjects || [],
jiraTypes: preferences.kanbanFilters.jiraTypes || []
}), [preferences]);
// Fonction pour mettre à jour les filtres avec persistance
const setKanbanFilters = async (newFilters: KanbanFilters) => {
// Séparer les vrais filtres des préférences de vue
const kanbanFilterUpdates = {
search: newFilters.search,
tags: newFilters.tags,
priorities: newFilters.priorities,
showCompleted: newFilters.showCompleted,
sortBy: newFilters.sortBy,
// Filtres Jira
showJiraOnly: newFilters.showJiraOnly,
hideJiraTasks: newFilters.hideJiraTasks,
jiraProjects: newFilters.jiraProjects,
jiraTypes: newFilters.jiraTypes
};
const viewPreferenceUpdates = {
compactView: newFilters.compactView,
swimlanesByTags: newFilters.swimlanesByTags,
swimlanesMode: newFilters.swimlanesMode
};
// Mettre à jour via UserPreferencesContext
await Promise.all([
updateKanbanFilters(kanbanFilterUpdates),
updateViewPreferences(viewPreferenceUpdates)
]);
};
// Séparer les tâches épinglées (objectifs) des autres et les trier
const { pinnedTasks, regularTasks } = useMemo(() => {
const pinnedTagNames = tags.filter(tag => tag.isPinned).map(tag => tag.name);
const pinned: Task[] = [];
const regular: Task[] = [];
tasksState.tasks.forEach(task => {
const hasPinnedTag = task.tags?.some(tagName => pinnedTagNames.includes(tagName));
if (hasPinnedTag) {
pinned.push(task);
} else {
regular.push(task);
}
});
// Trier les tâches épinglées avec le même tri que les autres
const sortedPinned = kanbanFilters.sortBy ?
(() => {
const sortOption = getSortOption(kanbanFilters.sortBy);
return sortOption ?
sortTasks(pinned, [{ field: sortOption.field, direction: sortOption.direction }]) :
sortTasks(pinned, DEFAULT_SORT);
})() :
sortTasks(pinned, DEFAULT_SORT);
return { pinnedTasks: sortedPinned, regularTasks: regular };
}, [tasksState.tasks, tags, kanbanFilters.sortBy]);
// Calcul du nombre de filtres actifs
const activeFiltersCount = useMemo(() => {
return (kanbanFilters.tags?.filter(Boolean).length || 0) +
(kanbanFilters.priorities?.filter(Boolean).length || 0) +
(kanbanFilters.search ? 1 : 0) +
(kanbanFilters.jiraProjects?.filter(Boolean).length || 0) +
(kanbanFilters.jiraTypes?.filter(Boolean).length || 0) +
(kanbanFilters.showJiraOnly ? 1 : 0) +
(kanbanFilters.hideJiraTasks ? 1 : 0);
}, [kanbanFilters]);
// Filtrage et tri des tâches régulières (pas les épinglées)
const filteredTasks = useMemo(() => {
let filtered = regularTasks;
// Filtre par recherche
if (kanbanFilters.search) {
const searchLower = kanbanFilters.search.toLowerCase();
filtered = filtered.filter(task =>
task.title.toLowerCase().includes(searchLower) ||
task.description?.toLowerCase().includes(searchLower) ||
task.tags?.some(tag => tag.toLowerCase().includes(searchLower))
);
}
// Filtre par tags
if (kanbanFilters.tags?.length) {
filtered = filtered.filter(task =>
kanbanFilters.tags!.some(filterTag =>
task.tags?.includes(filterTag)
)
);
}
// Filtre par priorités
if (kanbanFilters.priorities?.length) {
filtered = filtered.filter(task =>
kanbanFilters.priorities!.includes(task.priority)
);
}
// Filtres spécifiques Jira
if (kanbanFilters.showJiraOnly) {
filtered = filtered.filter(task => task.source === 'jira');
} else if (kanbanFilters.hideJiraTasks) {
filtered = filtered.filter(task => task.source !== 'jira');
}
// Filtre par projets Jira
if (kanbanFilters.jiraProjects?.length) {
filtered = filtered.filter(task =>
task.source !== 'jira' || kanbanFilters.jiraProjects!.includes(task.jiraProject || '')
);
}
// Filtre par types Jira
if (kanbanFilters.jiraTypes?.length) {
filtered = filtered.filter(task =>
task.source !== 'jira' || kanbanFilters.jiraTypes!.includes(task.jiraType || '')
);
}
// Tri des tâches
if (kanbanFilters.sortBy) {
const sortOption = getSortOption(kanbanFilters.sortBy);
if (sortOption) {
filtered = sortTasks(filtered, [{
field: sortOption.field,
direction: sortOption.direction
}]);
}
} else {
// Tri par défaut (priorité desc + tags asc)
filtered = sortTasks(filtered, DEFAULT_SORT);
}
return filtered;
}, [regularTasks, kanbanFilters]);
const contextValue: TasksContextType = {
...tasksState,
regularTasks,
tags,
tagsLoading,
tagsError,
kanbanFilters,
setKanbanFilters,
filteredTasks,
pinnedTasks,
activeFiltersCount
};
return (
<TasksContext.Provider value={contextValue}>
{children}
</TasksContext.Provider>
);
}
export function useTasksContext() {
const context = useContext(TasksContext);
if (!context) {
throw new Error('useTasksContext must be used within a TasksProvider');
}
return context;
}