feat: Trash (#1082)

* wip: trash

* Enable restoration of deleted documents

* update Trash icon

* Add endpoint to trigger garbage collection

* fix: account for drafts

* fix: Archived documents should be deletable

* fix: Missing delete cascade

* bump: upgrade rich-markdown-editor

app/components/Sidebar/Main.js

@@ -8,6 +8,7 @@ import {
   EditIcon,
   SearchIcon,
   StarredIcon,
+  TrashIcon,
   PlusIcon,
 } from 'outline-icons';
 
@@ -111,7 +112,10 @@ class MainSidebar extends React.Component<Props> {
                   </Drafts>
                 }
                 active={
-                  documents.active ? !documents.active.publishedAt : undefined
+                  documents.active
+                    ? !documents.active.publishedAt &&
+                      !documents.active.isDeleted
+                    : undefined
                 }
               />
             </Section>
@@ -125,7 +129,18 @@ class MainSidebar extends React.Component<Props> {
                 exact={false}
                 label="Archive"
                 active={
-                  documents.active ? documents.active.isArchived : undefined
+                  documents.active
+                    ? documents.active.isArchived && !documents.active.isDeleted
+                    : undefined
+                }
+              />
+              <SidebarLink
+                to="/trash"
+                icon={<TrashIcon />}
+                exact={false}
+                label="Trash"
+                active={
+                  documents.active ? documents.active.isDeleted : undefined
                 }
               />
               {can.invite && (

app/components/Sidebar/components/SidebarLink.js

@@ -158,6 +158,7 @@ const Label = styled.div`
   position: relative;
   width: 100%;
   max-height: 4.4em;
+  line-height: 1.6;
 `;
 
 const Disclosure = styled(CollapsedIcon)`

app/components/SocketProvider.js

@@ -59,7 +59,10 @@ class SocketProvider extends React.Component<Props> {
             let document = documents.get(documentId) || {};
 
             if (event.event === 'documents.delete') {
-              documents.remove(documentId);
+              const document = documents.get(documentId);
+              if (document) {
+                document.deletedAt = documentDescriptor.updatedAt;
+              }
               continue;
             }