remove mapbox basemap

src/Map/Basemap.jsx

@@ -1,22 +0,0 @@
-import { Layer, Source } from "react-map-gl";
-
-const greyMap =
-  "https://api.mapbox.com/styles/v1/ghermant/cla2nwk5f00el14nxvtjlsi6z/tiles/256/{z}/{x}/{y}@2x?access_token=pk.eyJ1IjoiZ2hlcm1hbnQiLCJhIjoiY2xhMm5zZ3ZrMDF4MDN2bzc5Yjd0ZjZ1dCJ9.fqnvrEqKKBoguR7R6DR7Yw";
-// const colorMap =
-//   "https://api.mapbox.com/styles/v1/ghermant/cl9vd1nji002n15s2xxj25f4m/tiles/256/{z}/{x}/{y}@2x?access_token=pk.eyJ1IjoiZ2hlcm1hbnQiLCJhIjoiY2pncDUwcnRmNDQ4ZjJ4czdjZXMzaHZpNyJ9.3rFyYRRtvLUngHm027HZ7A";
-//
-// const positron =
-//   "https://a.basemaps.cartocdn.com/light_nolabels/{z}/{x}/{y}@2x.png";
-
-export const Basemap = () => {
-  return (
-    <Source type={"raster"} id={"basemap"} tiles={[greyMap]} tileSize={256}>
-      <Layer
-        type={"raster"}
-        source={"basemap"}
-        id={"basemap-layer"}
-        paint={{}}
-      />
-    </Source>
-  );
-};

src/Map/MapComponent.jsx

@@ -1,24 +1,23 @@
+import debounce from "lodash.debounce";
 import maplibregl from "maplibre-gl";
-import Map, {MapProvider} from "react-map-gl";
 import { useEffect, useRef, useState } from "react";
-import {Sidebar} from "../modules/Sidebar/Sidebar";
-import {Layers} from "../dzkh-features/Layers/Layers.jsx";
-import {MapPopup} from "./Popup/Popup";
-import {Basemap} from "./Basemap";
-import debounce from "lodash.debounce";
-import {usePopup} from "../stores/usePopup";
-import {useClickedPointConfig} from "../stores/useClickedPointConfig";
-import {Legend} from "../dzkh-features/Legend.jsx";
-import {TableWrapper} from "../modules/Table/TableWrapper";
-import {SidebarControl} from "./SidebarControl";
-import {useTable} from "../stores/useTable";
+import Map, { MapProvider } from "react-map-gl";
 import { twMerge } from "tailwind-merge";
-import {ImportDataModal} from "../dzkh-features/ImportDataModal.jsx";
+import { AccidentSimulationResults } from "../dzkh-features/AccidentSimulationResults.jsx";
 import { ImportDataButton } from "../dzkh-features/ImportDataButton.jsx";
+import { ImportDataModal } from "../dzkh-features/ImportDataModal.jsx";
+import { Layers } from "../dzkh-features/Layers/Layers.jsx";
+import { Legend } from "../dzkh-features/Legend.jsx";
 import { WeatherSlider } from "../dzkh-features/WeatherSlider/WeatherSlider.jsx";
 import { LAYER_IDS } from "../dzkh-features/constants.js";
-import {AccidentSimulationResults} from "../dzkh-features/AccidentSimulationResults.jsx";
 import { icons } from "../icons/icons-config.js";
+import { Sidebar } from "../modules/Sidebar/Sidebar";
+import { TableWrapper } from "../modules/Table/TableWrapper";
+import { useClickedPointConfig } from "../stores/useClickedPointConfig";
+import { usePopup } from "../stores/usePopup";
+import { useTable } from "../stores/useTable";
+import { MapPopup } from "./Popup/Popup";
+import { SidebarControl } from "./SidebarControl";
 
 export const MapComponent = () => {
   const mapRef = useRef(null);
@@ -138,6 +137,7 @@ export const MapComponent = () => {
               onMouseEnter={handleMouseEnter}
               onMouseLeave={handleMouseLeave}
               id="map"
+              mapStyle="https://raw.githubusercontent.com/gtitov/basemaps/refs/heads/master/positron-nolabels.json"
             >
               {popup && (
                 <MapPopup
@@ -156,7 +156,6 @@ export const MapComponent = () => {
               <SidebarControl toggleCollapse={toggleCollapseSidebar} />
               <WeatherSlider />
 
-              <Basemap />
               <Layers />
 
               <Legend />