diff --git a/src/app/components/Summary/Summary.tsx b/src/app/components/Summary/Summary.tsx index 0555a17..35c7a05 100644 --- a/src/app/components/Summary/Summary.tsx +++ b/src/app/components/Summary/Summary.tsx @@ -51,18 +51,22 @@ export const Summary = ({ characters }: { characters: AccessToken[] }) => { const [sortDirection, setSortDirection] = useState("asc"); const [sortBy, setSortBy] = useState("name"); const [startDate, setStartDate] = useState(DateTime.now().startOf('day').toISO()); - const [activityPercentage, setActivityPercentage] = useState(() => { - const saved = localStorage.getItem('activityPercentage'); - return saved ? parseFloat(saved) : 100; - }); + const [activityPercentage, setActivityPercentage] = useState(100); + // Load saved values from localStorage on mount useEffect(() => { const savedDate = localStorage.getItem('productionStartDate'); if (savedDate) { setStartDate(savedDate); } + + const savedActivity = localStorage.getItem('activityPercentage'); + if (savedActivity) { + setActivityPercentage(parseFloat(savedActivity)); + } }, []); + // Save values to localStorage when they change useEffect(() => { localStorage.setItem('productionStartDate', startDate); }, [startDate]);