offtopic

Reset Regions

export function ResetRegionsComponent({
  map,
  React,
  HTTP,
  checkPermission,
  useQuery,
  LayerGroup,
  LayersControl,
  Marker,
  Tooltip,
  HideBasedOnAuth,
  L,
}) {
  const { data } = useQuery("resetregions", async () =>
    HTTP.get("/api/resetregions")
  );

  var resetRegionsGroup = L.layerGroup();
  var resetRegionsRectGroup = L.layerGroup();
  resetRegionsGroup.addLayer(resetRegionsRectGroup);

  console.log(map, resetRegionsGroup, resetRegionsRectGroup);

  React.useEffect(() => {
    async function getRegions() {
      if (
        checkPermission({
          module: "webapi.ResetRegions",
          method: "GET",
        })
      ) {
        if (data == undefined) return;

        data.regions.map((resetRegion) => {
          let str = resetRegion.split(".");
          let x = parseInt(str[0]) * 512;
          let z = parseInt(str[1]) * 512;
          var pos = L.latLng(x, z);
          var bounds = L.latLngBounds(pos, L.latLng(x + 512, z + 512));
          var r = L.rectangle(bounds, {
            color: "#ff0000",
            weight: 1,
            opacity: 0.8,
            fillOpacity: 0.15,
          });

          r.bindPopup(`r.${resetRegion}.7rg`);
          resetRegionsRectGroup.addLayer(r);
          resetRegionsGroup.addLayer(resetRegionsRectGroup);
        });

        resetRegionsGroup.addTo(map);
      }
    }
    getRegions();
  }, [data]);

  return (
    <HideBasedOnAuth requiredPermission={{ module: 'webapi.ResetRegions', method: 'GET' }} checked>
      <LayersControl.Overlay name="Reset Regions">
        <LayerGroup></LayerGroup>
      </LayersControl.Overlay>
    </HideBasedOnAuth>
  );
}