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

changed imports to remove legacy

Browse source
This commit is contained in:
csawatzky 2025-05-08 11:24:21 -06:00
parent 7b13366604
commit 5f53eb8873
7 changed files with 8 additions and 8 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 { useThemeType } from "hooks";
import moment from "moment"; import moment from "moment";
import React, { useEffect, useState } from "react"; import React, { useEffect, useState } from "react";
import Map, { Marker } from "react-map-gl/mapbox-legacy"; import Map, { Marker } from "react-map-gl/mapbox";
const MAPBOX_TOKEN = import.meta.env.VITE_MAPBOX_ACCESS_TOKEN; const MAPBOX_TOKEN = import.meta.env.VITE_MAPBOX_ACCESS_TOKEN;

2
src/maps/MapBase.tsx
View file

@ -33,7 +33,7 @@ import { GeometryMapping, shapeFromCoords } from "models/GeometryMapping";
import { FeatureCollection, Feature } from "geojson"; import { FeatureCollection, Feature } from "geojson";
import DrawController from "./mapControllers/drawController"; import DrawController from "./mapControllers/drawController";
//import { Geometry } from "geojson"; //import { Geometry } from "geojson";
import Map, { MapRef, Marker, MarkerDragEvent } from "react-map-gl/mapbox-legacy"; import Map, { MapRef, Marker, MarkerDragEvent } from "react-map-gl/mapbox";
import { getDistanceUnit } from "utils"; import { getDistanceUnit } from "utils";
import { MapMouseEvent } from "mapbox-gl"; import { MapMouseEvent } from "mapbox-gl";
import { makeStyles } from "@mui/styles"; import { makeStyles } from "@mui/styles";

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

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

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

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

2
src/maps/mapLayers/geoMapLayer.tsx
View file

@ -1,5 +1,5 @@
import React, { useEffect } from "react"; import React, { useEffect } from "react";
import { Layer, Source } from "react-map-gl/mapbox-legacy"; import { Layer, Source } from "react-map-gl/mapbox";
import { FeatureCollection } from "geojson"; import { FeatureCollection } from "geojson";
interface Props { interface Props {

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

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

4
tsconfig.app.json
View file

@ -1,9 +1,9 @@
{ {
"compilerOptions": { "compilerOptions": {
"baseUrl": "src", "baseUrl": "src",
"target": "ES6", "target": "ES2020",
"useDefineForClassFields": true, "useDefineForClassFields": true,
"lib": ["ES6", "DOM", "DOM.Iterable"], "lib": ["ES2020", "DOM", "DOM.Iterable"],
"module": "ESNext", "module": "ESNext",
"skipLibCheck": true, "skipLibCheck": true,