refactor(vector-map): move vector layer type name string to constant

src/components/Map/MapViewer/MapViewerVector/MapViewerVector.constants.ts

 import { Color, ShapeRelAbs, ShapeRelAbsBezierPoint } from '@/types/models';
 
+export const VECTOR_MAP_LAYER_TYPE = 'vectorMapLayer';
+
 export const WHITE_COLOR: Color = {
   alpha: 255,
   rgb: 16777215,

src/components/Map/MapViewer/MapViewerVector/listeners/mouseClick/mouseRightClick/onMapRightClick.test.ts

@@ -10,6 +10,7 @@ import VectorSource from 'ol/source/Vector';
 import { Feature } from 'ol';
 import { FEATURE_TYPE } from '@/constants/features';
 import { modelElementsFixture } from '@/models/fixtures/modelElementsFixture';
+import { VECTOR_MAP_LAYER_TYPE } from '@/components/Map/MapViewer/MapViewerVector/MapViewerVector.constants';
 import * as rightClickHandleAlias from './rightClickHandleAlias';
 import * as clickHandleReaction from '../clickHandleReaction';
 
@@ -45,7 +46,7 @@ describe('onMapRightClick', () => {
     vectorLayer = new VectorLayer({
       source: vectorSource,
     });
-    vectorLayer.set('type', 'vectorMapLayer');
+    vectorLayer.set('type', VECTOR_MAP_LAYER_TYPE);
     jest.clearAllMocks();
   });
 

src/components/Map/MapViewer/MapViewerVector/listeners/mouseClick/mouseRightClick/onMapRightClick.ts

@@ -12,6 +12,7 @@ import { openContextMenu } from '@/redux/contextMenu/contextMenu.slice';
 import { ModelElement } from '@/types/models';
 import { rightClickHandleAlias } from '@/components/Map/MapViewer/MapViewerVector/listeners/mouseClick/mouseRightClick/rightClickHandleAlias';
 import { clickHandleReaction } from '@/components/Map/MapViewer/MapViewerVector/listeners/mouseClick/clickHandleReaction';
+import { VECTOR_MAP_LAYER_TYPE } from '@/components/Map/MapViewer/MapViewerVector/MapViewerVector.constants';
 
 /* prettier-ignore */
 export const onMapRightClick =
@@ -25,7 +26,7 @@ export const onMapRightClick =
       let foundFeature: Feature | undefined;
       mapInstance.getAllLayers().forEach(layer => {
         if(layer.isVisible() && layer instanceof VectorLayer) {
-          if (layer.get('type') === 'vectorMapLayer') {
+          if (layer.get('type') === VECTOR_MAP_LAYER_TYPE) {
             const source = layer.getSource();
             if (source instanceof VectorSource) {
               foundFeature = source.getClosestFeatureToCoordinate(coordinate, (feature) => {

src/components/Map/MapViewer/MapViewerVector/utils/config/reactionsLayer/useOlMapReactionsLayer.ts

@@ -28,6 +28,7 @@ import CompartmentPathway from '@/components/Map/MapViewer/MapViewerVector/utils
 import Reaction from '@/components/Map/MapViewer/MapViewerVector/utils/shapes/reaction/Reaction';
 import { newReactionsDataSelector } from '@/redux/newReactions/newReactions.selectors';
 import { getNewReactions } from '@/redux/newReactions/newReactions.thunks';
+import { VECTOR_MAP_LAYER_TYPE } from '@/components/Map/MapViewer/MapViewerVector/MapViewerVector.constants';
 
 export const useOlMapReactionsLayer = ({
   mapInstance,
@@ -186,7 +187,7 @@ export const useOlMapReactionsLayer = ({
     const vectorLayer = new VectorLayer({
       source: vectorSource,
     });
-    vectorLayer.set('type', 'vectorMapLayer');
+    vectorLayer.set('type', VECTOR_MAP_LAYER_TYPE);
     return vectorLayer;
   }, [vectorSource]);
 };

src/redux/newReactions/newReactions.selectors.ts

@@ -7,8 +7,3 @@ export const newReactionsDataSelector = createSelector(
   newReactionsSelector,
   reactions => reactions.data || [],
 );
-
-// export const newReactionsReactionByIdSelector = createSelector(
-//   newReactionsDataSelector,
-//   reactions => reactions.find(reaction => reaction.id === id) || [],
-// );