da64221407
- 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.
40 lines
983 B
TypeScript
40 lines
983 B
TypeScript
import { useState, useEffect } from 'react';
|
|
|
|
const STORAGE_KEY = 'towercontrol_objectives_collapsed';
|
|
|
|
export function useObjectivesCollapse() {
|
|
const [isCollapsed, setIsCollapsed] = useState(false);
|
|
|
|
// Charger l'état au montage
|
|
useEffect(() => {
|
|
try {
|
|
const saved = localStorage.getItem(STORAGE_KEY);
|
|
if (saved !== null) {
|
|
setIsCollapsed(JSON.parse(saved));
|
|
}
|
|
} catch (error) {
|
|
console.warn('Erreur lors du chargement de l\'état de collapse des objectifs:', error);
|
|
}
|
|
}, []);
|
|
|
|
const toggleCollapse = () => {
|
|
setIsCollapsed(prev => {
|
|
const newValue = !prev;
|
|
|
|
// Sauvegarder dans localStorage
|
|
try {
|
|
localStorage.setItem(STORAGE_KEY, JSON.stringify(newValue));
|
|
} catch (error) {
|
|
console.warn('Erreur lors de la sauvegarde de l\'état de collapse des objectifs:', error);
|
|
}
|
|
|
|
return newValue;
|
|
});
|
|
};
|
|
|
|
return {
|
|
isCollapsed,
|
|
toggleCollapse
|
|
};
|
|
}
|