Version History (#768)

* Stash. Super rough progress

* Stash

* 'h' how toggles history panel
Add documents.restore endpoint

* Add tests for documents.restore endpoint

* Document restore endpoint

* Tiding, RevisionMenu, remove scroll dep

* Add history menu item

* Paginate loading

* Fixed: Error boundary styling
Select first revision faster

* Diff summary, styling

* Add history loading placeholder
Fix move modal not opening

* Fixes: Refreshing page on specific revision

* documentation for document.revision

* Better handle versions with no text changes (will no longer be created)

app/menus/RevisionMenu.js

@@ -0,0 +1,63 @@
+// @flow
+import * as React from 'react';
+import { withRouter } from 'react-router-dom';
+import { inject } from 'mobx-react';
+import { MoreIcon } from 'outline-icons';
+
+import CopyToClipboard from 'components/CopyToClipboard';
+import { DropdownMenu, DropdownMenuItem } from 'components/DropdownMenu';
+import { documentHistoryUrl } from 'utils/routeHelpers';
+import { Revision } from 'types';
+import Document from 'models/Document';
+import UiStore from 'stores/UiStore';
+
+type Props = {
+  label?: React.Node,
+  onOpen?: () => *,
+  onClose: () => *,
+  history: Object,
+  document: Document,
+  revision: Revision,
+  className?: string,
+  ui: UiStore,
+};
+
+class RevisionMenu extends React.Component<Props> {
+  handleRestore = async (ev: SyntheticEvent<*>) => {
+    ev.preventDefault();
+    await this.props.document.restore(this.props.revision);
+    this.props.ui.showToast('Document restored', 'success');
+    this.props.history.push(this.props.document.url);
+  };
+
+  handleCopy = () => {
+    this.props.ui.showToast('Link copied', 'success');
+  };
+
+  render() {
+    const { label, className, onOpen, onClose } = this.props;
+    const url = `${process.env.URL}${documentHistoryUrl(
+      this.props.document,
+      this.props.revision.id
+    )}`;
+
+    return (
+      <DropdownMenu
+        label={label || <MoreIcon />}
+        onOpen={onOpen}
+        onClose={onClose}
+        className={className}
+      >
+        <DropdownMenuItem onClick={this.handleRestore}>
+          Restore version
+        </DropdownMenuItem>
+        <hr />
+        <CopyToClipboard text={url} onCopy={this.handleCopy}>
+          <DropdownMenuItem>Copy link</DropdownMenuItem>
+        </CopyToClipboard>
+      </DropdownMenu>
+    );
+  }
+}
+
+export default withRouter(inject('ui')(RevisionMenu));