DGNum/demarches-normaliennes
11
1
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity

Trigger onStyleChange when leyers are toggled

Browse source
This commit is contained in:
Paul Chavard 2021-07-07 16:23:55 +02:00
parent ad819d9141
commit 38fdaa7404
1 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
app/javascript/components/shared/mapbox/MapStyleControl.jsx
View file

@ -48,6 +48,9 @@ export function useMapStyle(
const enabledLayers = Object.entries(layers).filter( const enabledLayers = Object.entries(layers).filter(
([, { enabled }]) => enabled ([, { enabled }]) => enabled
); );
const layerIds = enabledLayers.map(
([layer, { opacity }]) => `${layer}-${opacity}`
);
const style = useMemo( const style = useMemo(
() => () =>
getMapStyle( getMapStyle(
@ -57,13 +60,10 @@ export function useMapStyle(
enabledLayers.map(([layer, { opacity }]) => [layer, opacity]) enabledLayers.map(([layer, { opacity }]) => [layer, opacity])
) )
), ),
[ [styleId, layerIds]
styleId,
enabledLayers.map(([layer, { opacity }]) => `${layer}-${opacity}`)
]
); );
useEffect(() => onStyleChange(), [styleId, cadastreEnabled]); useEffect(() => onStyleChange(), [styleId, layerIds, cadastreEnabled]);
return { style, layers, setStyle, setLayerEnabled, setLayerOpacity }; return { style, layers, setStyle, setLayerEnabled, setLayerOpacity };
} }