Handling wheel events

src/store/slippy.ts

@@ -1,12 +1,12 @@
 import { createSlice } from '@reduxjs/toolkit';
 
-import { Point } from '../components/slippy/sleepy';
+import { Point } from '../components/slippy/slippy';
 
 export interface SlippyState {
-    scale: number;
-    translation: Point;
-  }
-  
+  scale: number;
+  translation: Point;
+}
+
 const initialSlippyState: SlippyState = {
   scale: 1,
   translation: { x: 0, y: 0 },
@@ -17,6 +17,7 @@ const slippySlice = createSlice({
   initialState: initialSlippyState,
   reducers: {
     scale(state, action) {
+      console.log(`redux scale: ${JSON.stringify(action.payload)}`);
       state.scale = state.scale * action.payload.factor;
       state.translation.x =
         state.translation.x +
@@ -28,7 +29,7 @@ const slippySlice = createSlice({
           (action.payload.factor - 1);
     },
     translate(state, action) {
-      console.log(`translate: action=${JSON.stringify(action)}`);
+      console.log(`redux translate: action=${JSON.stringify(action)}`);
       state.translation.x = state.translation.x + action.payload.x;
       state.translation.y = state.translation.y + action.payload.y;
     },