Cosmetic (reformat)

src/App.tsx

@@ -30,10 +30,7 @@ setupIonicReact();
 const App: React.FC = () => (
   <IonApp>
     <Provider store={store}>
-      <Slippy />
+      
-      <Layer>
-        <TiledMap />
-      </Layer>
     </Provider>
   </IonApp>
 );

src/components/map/map.tsx

@@ -8,20 +8,19 @@ import Slippy from '../slippy/slippy';
 import TiledMap from './tiled-map';
 
 const Map: react.FC<{}> = (props: {}) => {
-    const dispatch = useDispatch();
+  const dispatch = useDispatch();
-    
+
-    const resizeHandler = () => {
+  const resizeHandler = () => {
-        dispatch(mapActions.resize());
+    dispatch(mapActions.resize());
-      };
+  };
-      const debouncedResizeHandler = useMemo(
+  const debouncedResizeHandler = useMemo(
-        () => _.debounce(resizeHandler, 500),
+    () => _.debounce(resizeHandler, 500),
-        []
+    []
-      );
+  );
-    
+
-      useEffect(() => {
+  useEffect(() => {
-        window.addEventListener('resize', debouncedResizeHandler);
+    window.addEventListener('resize', debouncedResizeHandler);
-      }, []);
+  }, []);
-    
 
   return (
     <Fragment>

src/store/map.ts

@@ -105,7 +105,9 @@ const mapSlice = createSlice({
     resize: (state) => {
       return computeStateFromScope(state.scope);
     },
-    shift: (state, action) => {},
+    shift: (state, action) => {
+     
+    },
     scale: (state, action) => {},
   },
 });