Dyomedea
/
dyomedea
1
1
Fork 0
Code Issues 4 Pull Requests Projects 3 Releases 1 Wiki Activity

Debouncing Map state db persisting

This commit is contained in:
Eric van der Vlist 2022-12-14 08:22:51 +01:00
parent 600ce534fe
commit d1a3e6bf82
1 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/map/Map.tsx
View File

@ -37,7 +37,7 @@ import Infos, { clickHandler } from '../infos';
import GpxDialog from '../gpx-dialog'; import GpxDialog from '../gpx-dialog';
import GpxRecord from '../gpx-record'; import GpxRecord from '../gpx-record';
import dispatch from '../../workers/dispatcher-main'; import dispatch from '../../workers/dispatcher-main';
import { isEqual } from 'lodash'; import { debounce } from 'lodash';
const [getState, setState] = createSignal({ const [getState, setState] = createSignal({
lon: 0, lon: 0,
@ -76,6 +76,11 @@ const Map: Component = () => {
let target: HTMLDivElement; let target: HTMLDivElement;
const debouncedDbSetState = debounce((state: any) => {
console.log({ caller: 'Map / debouncedDbSetState', state });
dispatch({ action: 'setState', params: state });
}, 60000);
createEffect(async () => { createEffect(async () => {
console.log({ console.log({
caller: 'Map / setState', caller: 'Map / setState',
@ -90,7 +95,7 @@ const Map: Component = () => {
rotation: +params.rotation, rotation: +params.rotation,
zoom: +params.zoom, zoom: +params.zoom,
}); });
await dispatch({ action: 'setState', params: getState() }); debouncedDbSetState(getState());
const map = getMap(); const map = getMap();
const layers = map?.getLayers(); const layers = map?.getLayers();