updated leaflet version and tree-shaked deps

src/redux/editor/index.ts

@@ -1,4 +1,4 @@
-import createReducer from 'reduxsauce/lib/createReducer';
+import { createReducer } from '~/utils/reducer';
 import { IDialogs } from '~/constants/dialogs';
 import { MODES } from '~/constants/modes';
 import { EDITOR_HANDLERS } from './handlers';

src/redux/map/index.ts

@@ -1,4 +1,4 @@
-import createReducer from 'reduxsauce/lib/createReducer';
+import { createReducer } from '~/utils/reducer';
 import { MAP_HANDLERS } from './handlers';
 import { DEFAULT_PROVIDER } from '~/constants/providers';
 import { IMapRoute } from './types';

src/redux/user/index.ts

@@ -1,4 +1,4 @@
-import createReducer from 'reduxsauce/lib/createReducer';
+import { createReducer } from '~/utils/reducer';
 import { DEFAULT_USER, IUser } from '~/constants/auth';
 import { USER_HANDLERS } from './handlers';
 

src/utils/marks.ts

@@ -89,10 +89,9 @@ class KmMarksLayer extends LayerGroup {
         html: `
         <div 
           class="leaflet-km-dist ${allwaysPositiveAngleDeg(angle) !== angle ? 'reverse' : ''}" 
-          style="transform: translate(-50%, -50%) rotate(${allwaysPositiveAngleDeg(angle)}deg);"
         >
           ${distance}
-          <svg width="48" height="48" preserveAspectRatio="xMidYMid" transform="rotate(0deg)">        
+          <svg width="48" height="48" preserveAspectRatio="xMidYMid">        
             <image xlink:href="${arrow_image}" x="0" y="0" width="48" height="48"/>
           </svg> 
         </div>

src/utils/reducer.ts

@@ -0,0 +1,13 @@
+// create-reducer.ts
+import { Action } from 'redux';
+
+type Handlers<State, Types extends string, Actions extends Action<Types>> = {
+  readonly [Type in Types]: (state: State, action: Actions) => State
+}
+
+export const createReducer = (
+  initialState,
+  handlers,
+) => (state = initialState, action) => (handlers.hasOwnProperty(action.type)
+  ? handlers[action.type](state, action)
+  : state);