diff --git a/app/hooks/map/constants.tsx b/app/hooks/map/constants.tsx
index d9de8fb923..f4a82a0758 100644
--- a/app/hooks/map/constants.tsx
+++ b/app/hooks/map/constants.tsx
@@ -204,21 +204,26 @@ export const LEGEND_LAYERS = {
onChangeVisibility,
};
},
- 'wdpa-percentage': () => ({
- id: 'wdpa-percentage',
- name: 'Protected areas',
- icon: (
-
- ),
- settingsManager: {
- opacity: true,
- visibility: true,
- },
- }),
+ 'wdpa-percentage': (options: { onChangeVisibility: () => void }) => {
+ const { onChangeVisibility } = options;
+
+ return {
+ id: 'wdpa-percentage',
+ name: 'Protected areas',
+ icon: (
+
+ ),
+ settingsManager: {
+ opacity: true,
+ visibility: true,
+ },
+ onChangeVisibility,
+ };
+ },
'designated-areas': (options: {
items: { id: WDPA['id']; name: string }[];
onChangeVisibility: (WDPAId: WDPA['id']) => void;
@@ -459,7 +464,7 @@ export const LEGEND_LAYERS = {
},
// SOLUTIONS
- frequency: (options) => {
+ frequency: (options: { numberOfRuns: number; onChangeVisibility?: () => void }) => {
const { numberOfRuns, onChangeVisibility } = options;
return {
@@ -488,7 +493,7 @@ export const LEGEND_LAYERS = {
value: '100',
},
],
- onChangeVisibility,
+ ...(onChangeVisibility && { onChangeVisibility }),
};
},
solution: (options?: { onChangeVisibility?: () => void }) => ({
diff --git a/app/layout/scenarios/edit/map/legend/hooks/index.ts b/app/layout/scenarios/edit/map/legend/hooks/index.ts
index 59cdfd75a2..272a5a2c90 100644
--- a/app/layout/scenarios/edit/map/legend/hooks/index.ts
+++ b/app/layout/scenarios/edit/map/legend/hooks/index.ts
@@ -159,7 +159,7 @@ export const useFeatureAbundanceLegend = () => {
});
};
-export const useFeatureLegend = () => {
+export const useFeaturesLegend = () => {
const { query } = useRouter();
const { sid } = query as { sid: string };
@@ -316,13 +316,13 @@ export const useWDPAPreviewLegend = () => {
const { setLayerSettings } = scenarioSlice.actions;
const { layerSettings } = useAppSelector((state) => state[`/scenarios/${sid}/edit`]);
- return LEGEND_LAYERS['wdpa-preview']({
+ return LEGEND_LAYERS['wdpa-percentage']({
onChangeVisibility: () => {
dispatch(
setLayerSettings({
- id: 'wdpa-preview',
+ id: 'wdpa-percentage',
settings: {
- visibility: !layerSettings['wdpa-preview']?.visibility,
+ visibility: !layerSettings['wdpa-percentage']?.visibility,
},
})
);
@@ -415,7 +415,7 @@ export const useScenarioLegend = () => {
},
{
name: 'Features (Binary)',
- layers: useFeatureLegend(),
+ layers: useFeaturesLegend(),
},
];
};
diff --git a/app/layout/scenarios/reports/solutions/frequency/index.tsx b/app/layout/scenarios/reports/solutions/frequency/index.tsx
index 28f7831cf1..39e8c3b983 100644
--- a/app/layout/scenarios/reports/solutions/frequency/index.tsx
+++ b/app/layout/scenarios/reports/solutions/frequency/index.tsx
@@ -18,9 +18,7 @@ export const FrequencyPage = (): JSX.Element => {
const LEGEND = useMemo(() => {
return {
...LEGEND_LAYERS.frequency({
- options: {
- numberOfRuns: scenarioQuery.data?.numberOfRuns,
- },
+ numberOfRuns: scenarioQuery.data?.numberOfRuns,
}),
name: `Frequency (${scenarioQuery.data?.numberOfRuns})`,
settingsManager: null,