dialogs: load only 20 routes at start

backend/routes/auth/check.js

@@ -9,7 +9,7 @@ module.exports = async (req, res) => {
       path: 'routes',
       select: '_id title distance owner updated_at',
       options: {
-        limit: 100,
+        limit: 20,
         sort: { updated_at: -1 },
       }
     });

src/redux/user/sagas.js

@@ -332,15 +332,13 @@ function setProviderSaga({ provider }) {
 }
 
 function* locationChangeSaga({ location }) {
-  const { address, editing, ready, user: { id, random_url } } = yield select(getState);
+  const { address, ready, user: { id, random_url } } = yield select(getState);
 
   if (!ready) return;
 
   const { path, mode } = getUrlData(location);
 
   if (address !== path) {
-    console.log('LOADING NEW DATA');
-
     const map = yield call(loadMapSaga, path);
 
     if (map && map.owner && mode === 'edit' && map.owner.id !== id) {
@@ -348,19 +346,16 @@ function* locationChangeSaga({ location }) {
       return;
     }
   } else if (mode === 'edit' && editor.owner.id !== id) {
-    console.log('NOT AN OWNER!!!', editor.owner.id, id);
     pushPath(`/${random_url}/edit`);
     return;
   }
 
-  if (editing !== (mode === 'edit')) {
-    if (mode === 'edit') {
-      yield put(setEditing(true));
-      editor.startEditing();
-    } else {
-      yield put(setEditing(false));
-      editor.stopEditing();
-    }
+  if (mode !== 'edit') {
+    yield put(setEditing(false));
+    editor.stopEditing();
+  } else {
+    yield put(setEditing(true));
+    editor.startEditing();
   }
 }
 

src/styles/dialogs.less

@@ -32,7 +32,7 @@
   border-radius: @panel_radius;
   box-shadow: @dialog_shadow;
 
-  &::before {
+  &::before, &::after {
     content: ' ';
     height: 40px;
     width: 100%;
@@ -43,19 +43,13 @@
     background: linear-gradient(180deg, rgba(39, 21, 53, 1), rgba(39, 21, 53, 0));
     position: absolute;
     z-index: 5;
+    pointer-events: none;
   }
 
   &::after {
-    content: ' ';
-    height: 40px;
-    width: 100%;
-    left: 0;
+    top: auto;
     bottom: 0;
-    // background: linear-gradient(0deg, rgba(2, 13, 43, 1) 50%, rgba(2,13,43,0));
-    // background: linear-gradient(0deg, rgba(34, 34, 34, 1) 50%, rgba(34, 34, 34, 0));
     background: linear-gradient(0deg, rgba(39, 21, 53, 1), rgba(39, 21, 53, 0));
-    position: absolute;
-    z-index: 5;
   }
 }
 

src/styles/main.less

@@ -91,7 +91,7 @@ body {
 
   &::after {
     content: ' ';
-    width: 7px;
+    width: 5px;
     height: 100%;
     display: block;
     right: 0;