diff --git a/src/App.tsx b/src/App.tsx
index 40a7310..7dfb0a4 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -30,10 +30,7 @@ setupIonicReact();
 const App: React.FC = () => (
   <IonApp>
     <Provider store={store}>
-      <Slippy />
-      <Layer>
-        <TiledMap />
-      </Layer>
+      
     </Provider>
   </IonApp>
 );
diff --git a/src/components/map/map.tsx b/src/components/map/map.tsx
index 91df6c2..695b127 100644
--- a/src/components/map/map.tsx
+++ b/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 resizeHandler = () => {
-        dispatch(mapActions.resize());
-      };
-      const debouncedResizeHandler = useMemo(
-        () => _.debounce(resizeHandler, 500),
-        []
-      );
-    
-      useEffect(() => {
-        window.addEventListener('resize', debouncedResizeHandler);
-      }, []);
-    
+  const dispatch = useDispatch();
+
+  const resizeHandler = () => {
+    dispatch(mapActions.resize());
+  };
+  const debouncedResizeHandler = useMemo(
+    () => _.debounce(resizeHandler, 500),
+    []
+  );
+
+  useEffect(() => {
+    window.addEventListener('resize', debouncedResizeHandler);
+  }, []);
 
   return (
     <Fragment>
diff --git a/src/store/map.ts b/src/store/map.ts
index b787f59..942abc3 100644
--- a/src/store/map.ts
+++ b/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) => {},
   },
 });