save tracker config

[alttp.git] / resources / js / hooks / tracker.js

diff --git a/resources/js/hooks/tracker.js b/resources/js/hooks/tracker.js
index 249a34bfe283bb8dfb000812c43d8d86cbaacfa8..b77ee58dbf48233524feee501facad34a7242ab9 100644 (file)
--- 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 <context.Provider value={value}>