File size: 2,236 Bytes
42da440 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 | import React, { createContext, useState, useContext, useCallback, useEffect } from 'react';
const TaskHistoryContext = createContext();
export const useTaskHistory = () => useContext(TaskHistoryContext);
export const TaskHistoryProvider = ({ children }) => {
// Initialize state from localStorage if available, otherwise empty array
const [taskHistory, setTaskHistory] = useState(() => {
try {
const storedHistory = localStorage.getItem('atk_taskHistory');
return storedHistory ? JSON.parse(storedHistory) : [];
} catch (error) {
console.error("Error reading task history from localStorage:", error);
return [];
}
});
// Persist history to localStorage whenever it changes
useEffect(() => {
try {
localStorage.setItem('atk_taskHistory', JSON.stringify(taskHistory));
} catch (error) {
console.error("Error saving task history to localStorage:", error);
}
}, [taskHistory]);
const addTaskToHistory = useCallback((taskId) => {
if (!taskId) return;
console.log(`[TaskHistoryContext] addTaskToHistory called with taskId: ${taskId}`);
setTaskHistory(prevHistory => {
console.log(`[TaskHistoryContext] Previous history:`, prevHistory);
// Avoid duplicates and add to the beginning (most recent first)
const newHistory = [taskId, ...prevHistory.filter(id => id !== taskId)];
// Optional: Limit history size
// const MAX_HISTORY_SIZE = 20;
// return newHistory.slice(0, MAX_HISTORY_SIZE);
console.log(`[TaskHistoryContext] New history:`, newHistory);
return newHistory;
});
}, []);
const clearTaskHistory = useCallback(() => {
console.log(`[TaskHistoryContext] clearTaskHistory called.`);
setTaskHistory([]);
localStorage.removeItem('atk_taskHistory'); // Clear from storage too
}, []);
const value = {
taskHistory,
addTaskToHistory,
clearTaskHistory,
};
return (
<TaskHistoryContext.Provider value={value}>
{children}
</TaskHistoryContext.Provider>
);
}; |