From c559b52c0a6879dfa45ec7018262e518ec4b102d Mon Sep 17 00:00:00 2001
From: Alexey Pyltsyn <lex61rus@gmail.com>
Date: Wed, 31 Jan 2018 00:16:20 +0300
Subject: [PATCH] Add actions for empty collections

---
 app/scenes/Collection/Collection.js | 29 ++++++++++++++++++-----------
 1 file changed, 18 insertions(+), 11 deletions(-)

diff --git a/app/scenes/Collection/Collection.js b/app/scenes/Collection/Collection.js
index 74bc1b4a5..26648799b 100644
--- a/app/scenes/Collection/Collection.js
+++ b/app/scenes/Collection/Collection.js
@@ -78,6 +78,22 @@ class CollectionScene extends Component {
     }
   };
 
+  renderActions() {
+    return (
+      <Actions align="center" justify="flex-end">
+        <Action>
+          <CollectionMenu collection={this.collection} />
+        </Action>
+        <Separator />
+        <Action>
+          <a onClick={this.onNewDocument}>
+            <NewDocumentIcon />
+          </a>
+        </Action>
+      </Actions>
+    );
+  }
+
   renderEmptyCollection() {
     if (!this.collection) return;
 
@@ -88,6 +104,7 @@ class CollectionScene extends Component {
           <CollectionIcon color={this.collection.color} size={40} expanded />{' '}
           {this.collection.name}
         </Heading>
+        {this.renderActions()}
         <HelpText>
           Publish your first document to start building this collection.
         </HelpText>
@@ -131,17 +148,7 @@ class CollectionScene extends Component {
                 this.collection.documentIds
               )}
             />
-            <Actions align="center" justify="flex-end">
-              <Action>
-                <CollectionMenu collection={this.collection} />
-              </Action>
-              <Separator />
-              <Action>
-                <a onClick={this.onNewDocument}>
-                  <NewDocumentIcon />
-                </a>
-              </Action>
-            </Actions>
+            {this.renderActions()}
           </span>
         ) : (
           <ListPlaceholder count={5} />