brandxtech/frontend
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

returning to the latest version of react-map-gl, changing browserlist to exclude internet explorer entirely

Browse source
This commit is contained in:
csawatzky 2025-05-07 16:22:58 -06:00
parent 5cce400de6
commit 3ab2e60cb9
7 changed files with 51 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/common/MapGL.tsx
View file

@ -3,7 +3,7 @@ import { Beenhere } from "@mui/icons-material";
import { useThemeType } from "hooks";
import moment from "moment";
import React, { useEffect, useState } from "react";
import Map, { Marker } from "react-map-gl";
import Map, { Marker } from "react-map-gl/mapbox-legacy";
const MAPBOX_TOKEN = import.meta.env.VITE_MAPBOX_ACCESS_TOKEN;

6
src/maps/MapBase.tsx
View file

@ -33,7 +33,7 @@ import { GeometryMapping, shapeFromCoords } from "models/GeometryMapping";
import { FeatureCollection, Feature } from "geojson";
import DrawController from "./mapControllers/drawController";
//import { Geometry } from "geojson";
import Map, { MapLayerMouseEvent, MapRef, Marker, MarkerDragEvent } from "react-map-gl";
import Map, { MapRef, Marker, MarkerDragEvent } from "react-map-gl/mapbox-legacy";
import { getDistanceUnit } from "utils";
import { MapMouseEvent } from "mapbox-gl";
import { makeStyles } from "@mui/styles";
@ -109,7 +109,7 @@ export interface MeasurementData {
interface Props {
mapTools: JSX.Element;
mapClick(mapClickEvent: MapLayerMouseEvent): void;
mapClick(mapClickEvent: MapMouseEvent): void;
currentView: ViewData;
ignoreHomeLoad?: boolean;
defaultMapStyle?: string;
@ -419,7 +419,7 @@ export default function MapBase(props: Props) {
);
};
const mapClick = (event: MapLayerMouseEvent) => {
const mapClick = (event: MapMouseEvent) => {
if (!watching) {
props.mapClick(event);
}

2
src/maps/mapControllers/Geocoder.tsx
View file

@ -1,4 +1,4 @@
import { ControlPosition, useMap } from "react-map-gl";
import { ControlPosition, useMap } from "react-map-gl/mapbox-legacy";
import MapboxGeocoder, { Result } from "@mapbox/mapbox-gl-geocoder";
import { useEffect, useState } from "react";

2
src/maps/mapControllers/drawController.tsx
View file

@ -1,5 +1,5 @@
import { useEffect, useRef } from "react";
import { useMap } from "react-map-gl";
import { useMap } from "react-map-gl/mapbox-legacy";
import { FeatureCollection } from "geojson";
import MapboxDraw from "@mapbox/mapbox-gl-draw";

2
src/maps/mapMarkers/Markers.tsx
View file

@ -5,7 +5,7 @@ import { useMobile } from "hooks";
import { clone } from "lodash";
import { pond } from "protobuf-ts/pond";
import React, { useCallback, useEffect, useState } from "react";
import { Marker } from "react-map-gl";
import { Marker } from "react-map-gl/mapbox-legacy";
//interface for markers
export interface MarkerData {