const [manualState, setManualState] = React.useState(makeEmptyState());
const [dungeons, setDungeons] = React.useState(DUNGEONS);
const [logic, setLogic] = React.useState({});
+ const [pins, setPins] = React.useState([]);
const saveConfig = React.useCallback((values) => {
setConfig(s => {
});
}, []);
+ const addPin = React.useCallback((pin) => {
+ setPins(ps => {
+ const id = ps.length ? ps[ps.length - 1].id + 1 : 1;
+ return [...ps, { ...pin, id }];
+ });
+ }, []);
+
+ const removePin = React.useCallback((pin) => {
+ setPins(ps => ps.filter(p => p.id !== pin.id));
+ }, []);
+
React.useEffect(() => {
const savedConfig = localStorage.getItem('tracker.config');
if (savedConfig) {
}, [config, dungeons, state]);
const value = React.useMemo(() => {
- return { config, dungeons, logic, saveConfig, setAutoState, setManualState, state };
- }, [config, dungeons, logic, state]);
+ return {
+ addPin,
+ config,
+ dungeons,
+ logic,
+ pins,
+ removePin,
+ saveConfig,
+ setAutoState,
+ setManualState,
+ state,
+ };
+ }, [config, dungeons, logic, pins, state]);
return <context.Provider value={value}>
{children}