From c0d89be51649860711237fd14a66d802953127ab Mon Sep 17 00:00:00 2001
From: Jori Lallo <jtlallo@gmail.com>
Date: Sun, 25 Jun 2017 15:43:29 -0700
Subject: [PATCH] Fixed content while loading

---
 frontend/scenes/Document/Document.js | 43 ++++++++++++++++------------
 1 file changed, 24 insertions(+), 19 deletions(-)

diff --git a/frontend/scenes/Document/Document.js b/frontend/scenes/Document/Document.js
index 7fe54e9a3..22111f0e1 100644
--- a/frontend/scenes/Document/Document.js
+++ b/frontend/scenes/Document/Document.js
@@ -130,25 +130,30 @@ type Props = {
         {titleText && <PageTitle title={titleText} />}
         <Prompt when={this.store.hasPendingChanges} message={DISCARD_CHANGES} />
         <PagePadding auto justify="center">
-          {this.store.isFetching &&
-            <CenteredContent>
-              <PreviewLoading />
-            </CenteredContent>}
-          {this.store.document &&
-            <DocumentContainer>
-              <Editor
-                text={this.store.document.text}
-                onImageUploadStart={this.onImageUploadStart}
-                onImageUploadStop={this.onImageUploadStop}
-                onChange={this.store.updateText}
-                onSave={this.onSave}
-                onCancel={this.onCancel}
-                onStar={this.store.starDocument}
-                onUnstar={this.store.unstarDocument}
-                starred={this.store.document.starred}
-                readOnly={!isEditing}
-              />
-            </DocumentContainer>}
+          {this.store.isFetching
+            ? <CenteredContent>
+                <PreviewLoading />
+              </CenteredContent>
+            : this.store.document &&
+                <DocumentContainer>
+                  {!isEditing &&
+                    <PublishingInfo
+                      collaborators={this.store.document.collaborators}
+                      createdAt={this.store.document.createdAt}
+                      createdBy={this.store.document.createdBy}
+                      updatedAt={this.store.document.updatedAt}
+                      updatedBy={this.store.document.updatedBy}
+                    />}
+                  <Editor
+                    text={this.store.document.text}
+                    onImageUploadStart={this.onImageUploadStart}
+                    onImageUploadStop={this.onImageUploadStop}
+                    onChange={this.store.updateText}
+                    onSave={this.onSave}
+                    onCancel={this.onCancel}
+                    readOnly={!isEditing}
+                  />
+                </DocumentContainer>}
         </PagePadding>
         {this.store.document &&
           <Meta align="center" readOnly={!isEditing}>