diff --git a/packages/web/src/components/PageComponents/Map/Tools/MapLayerTool.tsx b/packages/web/src/components/PageComponents/Map/Tools/MapLayerTool.tsx index 947454e7..e94c36e1 100644 --- a/packages/web/src/components/PageComponents/Map/Tools/MapLayerTool.tsx +++ b/packages/web/src/components/PageComponents/Map/Tools/MapLayerTool.tsx @@ -73,6 +73,18 @@ export function MapLayerTool({ }); }; + const layers = useMemo( + () => [ + { key: "nodeMarkers", label: t("layerTool.nodeMarkers") }, + { key: "waypoints", label: t("layerTool.waypoints") }, + { key: "directNeighbors", label: t("layerTool.directNeighbors") }, + { key: "remoteNeighbors", label: t("layerTool.remoteNeighbors") }, + { key: "positionPrecision", label: t("layerTool.positionPrecision") }, + // { key: "traceroutes", label: t("layerTool.traceroutes") }, + ], + [t], + ); + return ( @@ -111,31 +123,14 @@ export function MapLayerTool({ align="end" sideOffset={7} > - handleCheckboxChange("nodeMarkers")} - /> - handleCheckboxChange("waypoints")} - /> - handleCheckboxChange("directNeighbors")} - /> - handleCheckboxChange("remoteNeighbors")} - /> - handleCheckboxChange("positionPrecision")} - /> + {layers.map(({ key, label }) => ( + handleCheckboxChange(key as keyof VisibilityState)} + /> + ))} {/*