From 1c9c2d8e26b7547cd6508313c607fff1a20b5cf1 Mon Sep 17 00:00:00 2001
From: Tom Moor <tom.moor@gmail.com>
Date: Mon, 6 Aug 2018 22:49:41 -0700
Subject: [PATCH] Add 'new document' menu to starred and drafts screens

---
 app/scenes/Dashboard.js | 2 +-
 app/scenes/Drafts.js    | 9 +++++++++
 app/scenes/Starred.js   | 9 +++++++++
 3 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/app/scenes/Dashboard.js b/app/scenes/Dashboard.js
index 9e3dffcb6..5b0a5ea02 100644
--- a/app/scenes/Dashboard.js
+++ b/app/scenes/Dashboard.js
@@ -4,8 +4,8 @@ import { observable } from 'mobx';
 import { observer, inject } from 'mobx-react';
 import { NewDocumentIcon } from 'outline-icons';
 
-import NewDocumentMenu from 'menus/NewDocumentMenu';
 import DocumentsStore from 'stores/DocumentsStore';
+import NewDocumentMenu from 'menus/NewDocumentMenu';
 import Actions, { Action } from 'components/Actions';
 import CenteredContent from 'components/CenteredContent';
 import DocumentList from 'components/DocumentList';
diff --git a/app/scenes/Drafts.js b/app/scenes/Drafts.js
index 6d5947d59..152a10935 100644
--- a/app/scenes/Drafts.js
+++ b/app/scenes/Drafts.js
@@ -1,11 +1,15 @@
 // @flow
 import * as React from 'react';
 import { observer, inject } from 'mobx-react';
+import { NewDocumentIcon } from 'outline-icons';
+
 import CenteredContent from 'components/CenteredContent';
 import { ListPlaceholder } from 'components/LoadingPlaceholder';
 import Empty from 'components/Empty';
 import PageTitle from 'components/PageTitle';
 import DocumentList from 'components/DocumentList';
+import NewDocumentMenu from 'menus/NewDocumentMenu';
+import Actions, { Action } from 'components/Actions';
 import DocumentsStore from 'stores/DocumentsStore';
 
 type Props = {
@@ -30,6 +34,11 @@ class Drafts extends React.Component<Props> {
         {showLoading && <ListPlaceholder />}
         {showEmpty && <Empty>No drafts yet.</Empty>}
         <DocumentList documents={drafts} showCollection />
+        <Actions align="center" justify="flex-end">
+          <Action>
+            <NewDocumentMenu label={<NewDocumentIcon />} />
+          </Action>
+        </Actions>
       </CenteredContent>
     );
   }
diff --git a/app/scenes/Starred.js b/app/scenes/Starred.js
index 7754eadce..8ca84972f 100644
--- a/app/scenes/Starred.js
+++ b/app/scenes/Starred.js
@@ -1,11 +1,15 @@
 // @flow
 import * as React from 'react';
 import { observer, inject } from 'mobx-react';
+import { NewDocumentIcon } from 'outline-icons';
+
 import CenteredContent from 'components/CenteredContent';
 import { ListPlaceholder } from 'components/LoadingPlaceholder';
 import Empty from 'components/Empty';
 import PageTitle from 'components/PageTitle';
 import DocumentList from 'components/DocumentList';
+import NewDocumentMenu from 'menus/NewDocumentMenu';
+import Actions, { Action } from 'components/Actions';
 import DocumentsStore from 'stores/DocumentsStore';
 
 type Props = {
@@ -30,6 +34,11 @@ class Starred extends React.Component<Props> {
         {showLoading && <ListPlaceholder />}
         {showEmpty && <Empty>No starred documents yet.</Empty>}
         <DocumentList documents={starred} />
+        <Actions align="center" justify="flex-end">
+          <Action>
+            <NewDocumentMenu label={<NewDocumentIcon />} />
+          </Action>
+        </Actions>
       </CenteredContent>
     );
   }