Text only save feedback based on jori/actions

frontend/scenes/Document/components/SaveAction/SaveAction.js

@@ -0,0 +1,47 @@
+// @flow
+import React from 'react';
+import styled from 'styled-components';
+
+type Props = {
+  onClick: Function,
+  disabled?: boolean,
+  isNew?: boolean,
+  isSaving?: boolean,
+};
+
+class SaveAction extends React.Component {
+  props: Props;
+
+  onClick = (ev: MouseEvent) => {
+    if (this.props.disabled) return;
+
+    ev.preventDefault();
+    this.props.onClick();
+  };
+
+  render() {
+    const { isSaving, isNew, disabled } = this.props;
+
+    return (
+      <Link
+        onClick={this.onClick}
+        title="Save changes (Cmd+Enter)"
+        disabled={disabled}
+      >
+        {isNew
+          ? isSaving ? 'Publishing…' : 'Publish'
+          : isSaving ? 'Saving…' : 'Save'}
+      </Link>
+    );
+  }
+}
+
+const Link = styled.a`
+  display: flex;
+  align-items: center;
+  opacity: ${props => (props.disabled ? 0.5 : 1)};
+  pointer-events: ${props => (props.disabled ? 'none' : 'auto')};
+  cursor: ${props => (props.disabled ? 'default' : 'pointer')};
+`;
+
+export default SaveAction;

frontend/scenes/Document/components/SaveAction/index.js

@@ -0,0 +1,3 @@
+// @flow
+import SaveAction from './SaveAction';
+export default SaveAction;