X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=resources%2Fjs%2Fhooks%2Ftracker.js;h=b77ee58dbf48233524feee501facad34a7242ab9;hb=4a9ad147aedfae6d5488a7121cacf9a18775ff21;hp=249a34bfe283bb8dfb000812c43d8d86cbaacfa8;hpb=c56ab0725b926af522285d96a22f998f4f7c0c40;p=alttp.git diff --git a/resources/js/hooks/tracker.js b/resources/js/hooks/tracker.js index 249a34b..b77ee58 100644 --- a/resources/js/hooks/tracker.js +++ b/resources/js/hooks/tracker.js @@ -14,6 +14,21 @@ export const TrackerProvider = ({ children }) => { const [manualState, setManualState] = React.useState(makeEmptyState()); const [dungeons, setDungeons] = React.useState(DUNGEONS); + const saveConfig = React.useCallback((values) => { + setConfig(s => { + const newConfig = { ...s, ...values }; + localStorage.setItem('tracker.config', JSON.stringify(newConfig)); + return newConfig; + }); + }, []); + + React.useEffect(() => { + const savedConfig = localStorage.getItem('tracker.config'); + if (savedConfig) { + setConfig(JSON.parse(savedConfig)); + } + }, []); + React.useEffect(() => { const newDungeons = DUNGEONS.map(dungeon => { const newDungeon = JSON.parse(JSON.stringify(dungeon)); @@ -42,7 +57,7 @@ export const TrackerProvider = ({ children }) => { }, [autoState, manualState]); const value = React.useMemo(() => { - return { config, setConfig, dungeons, setAutoState, setManualState, state }; + return { config, saveConfig, dungeons, setAutoState, setManualState, state }; }, [config, dungeons, state]); return