Cleanup and show active collection in the sidebar

frontend/scenes/Document/Document.scss

@@ -1,11 +0,0 @@
-@import '~styles/constants.scss';
-
-.container {
-  display: flex;
-  position: fixed;
-  justify-content: center;
-  top: $headerHeight;
-  bottom: 0;
-  left: 0;
-  right: 0;
-}

frontend/scenes/Document/DocumentStore.js

@@ -5,6 +5,7 @@ import invariant from 'invariant';
 import { client } from 'utils/ApiClient';
 import emojify from 'utils/emojify';
 import type { Document, NavigationNode } from 'types';
+import UiStore from 'stores/UiStore';
 
 type SaveProps = { redirect?: boolean };
 
@@ -24,6 +25,7 @@ const parseHeader = text => {
 
 type Options = {
   history: Object,
+  ui: UiStore,
 };
 
 class DocumentStore {
@@ -42,6 +44,7 @@ class DocumentStore {
   @observable isUploading: boolean = false;
 
   history: Object;
+  ui: UiStore;
 
   /* Computed */
 
@@ -108,18 +111,15 @@ class DocumentStore {
     this.isFetching = true;
 
     try {
-      const res = await client.get(
+      const res = await client.get('/documents.info', {
-        '/documents.info',
+        id: this.documentId,
-        {
+      });
-          id: this.documentId,
-        },
-        { cache: true }
-      );
       invariant(res && res.data, 'Data should be available');
       if (this.newChildDocument) {
         this.parentDocument = res.data;
       } else {
         this.document = res.data;
+        this.ui.setActiveCollection(this.document.collection.id);
       }
     } catch (e) {
       console.error('Something went wrong');
@@ -133,20 +133,16 @@ class DocumentStore {
     this.isSaving = true;
 
     try {
-      const res = await client.post(
+      const res = await client.post('/documents.create', {
-        '/documents.create',
+        parentDocument: get(this.parentDocument, 'id'),
-        {
+        collection: get(
-          parentDocument: get(this.parentDocument, 'id'),
+          this.parentDocument,
-          collection: get(
+          'collection.id',
-            this.parentDocument,
+          this.collectionId
-            'collection.id',
+        ),
-            this.collectionId
+        title: get(this.document, 'title', 'Untitled document'),
-          ),
+        text: get(this.document, 'text'),
-          title: get(this.document, 'title', 'Untitled document'),
+      });
-          text: get(this.document, 'text'),
-        },
-        { cache: true }
-      );
       invariant(res && res.data, 'Data should be available');
       const { url } = res.data;
 
@@ -164,15 +160,11 @@ class DocumentStore {
     this.isSaving = true;
 
     try {
-      const res = await client.post(
+      const res = await client.post('/documents.update', {
-        '/documents.update',
+        id: this.documentId,
-        {
+        title: get(this.document, 'title', 'Untitled document'),
-          id: this.documentId,
+        text: get(this.document, 'text'),
-          title: get(this.document, 'title', 'Untitled document'),
+      });
-          text: get(this.document, 'text'),
-        },
-        { cache: true }
-      );
       invariant(res && res.data, 'Data should be available');
       const { url } = res.data;
 
@@ -210,6 +202,7 @@ class DocumentStore {
 
   constructor(options: Options) {
     this.history = options.history;
+    this.ui = options.ui;
   }
 }
 

frontend/stores/index.js

@@ -9,5 +9,6 @@ const stores = {
   ui: new UiStore(),
   errors: new ErrorsStore(),
 };
+window.stores = stores;
 
 export default stores;