front: handle new signaling system

Author: Akctarus

front/src/applications/editor/Map.tsx

@@ -20,7 +20,7 @@ import Background from '../../common/Map/Layers/Background';
 import OSM from '../../common/Map/Layers/OSM';
 import Hillshade from '../../common/Map/Layers/Hillshade';
 import Platforms from '../../common/Map/Layers/Platforms';
-import osmBlankStyle from '../../common/Map/Layers/osmBlankStyle';
+import { useMapBlankStyle } from '../../common/Map/Layers/blankStyle';
 import IGN_BD_ORTHO from '../../common/Map/Layers/IGN_BD_ORTHO';
 import { Viewport } from '../../reducers/map';
 import { getMapMouseEventNearestFeature } from '../../utils/mapHelper';
@@ -58,6 +58,7 @@ const MapUnplugged: FC<PropsWithChildren<MapProps>> = ({
   children,
 }) => {
   const dispatch = useDispatch();
+  const mapBlankStyle = useMapBlankStyle();
   const mapRef = useRef<MapRef>(null);
   const [mapState, setMapState] = useState<MapState>({
     isLoaded: true,
@@ -70,6 +71,7 @@ const MapUnplugged: FC<PropsWithChildren<MapProps>> = ({
   const editorState = useSelector((state: { editor: EditorState }) => state.editor);
   const showOSM = useSelector(getShowOSM);
   const terrain3DExaggeration = useSelector(getTerrain3DExaggeration);
+
   const extendedContext = useMemo<ExtendedEditorContextType<CommonToolState>>(
     () => ({
       ...context,
@@ -109,7 +111,7 @@ const MapUnplugged: FC<PropsWithChildren<MapProps>> = ({
           {...viewport}
           ref={mapRef}
           style={{ width: '100%', height: '100%' }}
-          mapStyle={osmBlankStyle}
+          mapStyle={mapBlankStyle}
           onMove={(e) => setViewport(e.viewState)}
           onMoveStart={() => setMapState((prev) => ({ ...prev, isDragging: true }))}
           onMoveEnd={() => {
@@ -282,7 +284,7 @@ const MapUnplugged: FC<PropsWithChildren<MapProps>> = ({
           )}
         </ReactMapGL>
       </div>
-      {children}
+      ;{children}
     </>
   );
 };

front/src/applications/referenceMap/Map.tsx

@@ -36,13 +36,15 @@ import Switches from 'common/Map/Layers/Switches';
 import TracksGeographic from 'common/Map/Layers/TracksGeographic';
 import TracksOSM from 'common/Map/Layers/TracksOSM';
 import colors from 'common/Map/Consts/colors';
-import osmBlankStyle from 'common/Map/Layers/osmBlankStyle';
+import { useMapBlankStyle } from 'common/Map/Layers/blankStyle';
 import { CUSTOM_ATTRIBUTION } from 'common/Map/const';
 import LineSearchLayer from 'common/Map/Layers/LineSearchLayer';
 
 import 'common/Map/Map.scss';
 
 function Map() {
+  const mapBlankStyle = useMapBlankStyle();
+
   const { viewport, mapSearchMarker, mapStyle, showOSM, layersSettings } = useSelector(
     (state: RootState) => state.map
   );
@@ -108,7 +110,7 @@ function Map() {
         ref={mapRef}
         cursor="normal"
         style={{ width: '100%', height: '100%' }}
-        mapStyle={osmBlankStyle}
+        mapStyle={mapBlankStyle}
         onMove={(e) => updateViewportChange(e.viewState)}
         onMoveEnd={(e) => updateViewportChange(e.viewState, true)}
         attributionControl={false} // Defined below