(
+ authenticated ?
+ (React.createElement(component, { ...props, ...rest, loggingIn, authenticated })) :
+ ()
+ )}
+ />
+);
+
+Authenticated.propTypes = {
+ loggingIn: PropTypes.bool.isRequired,
+ authenticated: PropTypes.bool.isRequired,
+ component: PropTypes.func.isRequired,
+};
+
+export default Authenticated;
diff --git a/imports/ui/components/AuthenticatedNavigation/AuthenticatedNavigation.js b/imports/ui/components/AuthenticatedNavigation/AuthenticatedNavigation.js
new file mode 100644
index 0000000..c8f6b18
--- /dev/null
+++ b/imports/ui/components/AuthenticatedNavigation/AuthenticatedNavigation.js
@@ -0,0 +1,31 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { withRouter } from 'react-router-dom';
+import { LinkContainer } from 'react-router-bootstrap';
+import { Nav, NavItem, NavDropdown, MenuItem } from 'react-bootstrap';
+import { Meteor } from 'meteor/meteor';
+
+const AuthenticatedNavigation = ({ name, history }) => (
+
+
+
+
+);
+
+AuthenticatedNavigation.propTypes = {
+ name: PropTypes.string.isRequired,
+};
+
+export default withRouter(AuthenticatedNavigation);
diff --git a/imports/ui/components/Content/Content.js b/imports/ui/components/Content/Content.js
new file mode 100644
index 0000000..b38d9ca
--- /dev/null
+++ b/imports/ui/components/Content/Content.js
@@ -0,0 +1,16 @@
+/* eslint-disable react/no-danger */
+
+import React from 'react';
+import PropTypes from 'prop-types';
+
+import './Content.scss';
+
+const Content = ({ content }) => (
+
+);
+
+Content.propTypes = {
+ content: PropTypes.string.isRequired,
+};
+
+export default Content;
diff --git a/imports/ui/components/Content/Content.scss b/imports/ui/components/Content/Content.scss
new file mode 100644
index 0000000..a1573ea
--- /dev/null
+++ b/imports/ui/components/Content/Content.scss
@@ -0,0 +1,36 @@
+@import '../../stylesheets/mixins';
+
+.Content {
+ max-width: 700px;
+ margin: 0 auto;
+ font-size: 14px;
+ line-height: 22px;
+
+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ h6 {
+ margin: 30px 0 20px;
+ }
+
+ p {
+ margin-bottom: 20px;
+ }
+
+ > *:first-child {
+ margin-top: 0px;
+ }
+
+ > *:last-child {
+ margin-bottom: 0px;
+ }
+}
+
+@include breakpoint(tablet) {
+ .Content {
+ font-size: 16px;
+ line-height: 22px;
+ }
+}
diff --git a/imports/ui/components/DocumentEditor/DocumentEditor.js b/imports/ui/components/DocumentEditor/DocumentEditor.js
new file mode 100644
index 0000000..4a42df7
--- /dev/null
+++ b/imports/ui/components/DocumentEditor/DocumentEditor.js
@@ -0,0 +1,97 @@
+/* eslint-disable max-len, no-return-assign */
+
+import React from 'react';
+import PropTypes from 'prop-types';
+import { FormGroup, ControlLabel, Button } from 'react-bootstrap';
+import { Meteor } from 'meteor/meteor';
+import { Bert } from 'meteor/themeteorchef:bert';
+import validate from '../../../modules/validate';
+
+class DocumentEditor extends React.Component {
+ componentDidMount() {
+ const component = this;
+ validate(component.form, {
+ rules: {
+ title: {
+ required: true,
+ },
+ body: {
+ required: true,
+ },
+ },
+ messages: {
+ title: {
+ required: 'Need a title in here, Seuss.',
+ },
+ body: {
+ required: 'This thneeds a body, please.',
+ },
+ },
+ submitHandler() { component.handleSubmit(); },
+ });
+ }
+
+ handleSubmit() {
+ const { history } = this.props;
+ const existingDocument = this.props.doc && this.props.doc._id;
+ const methodToCall = existingDocument ? 'documents.update' : 'documents.insert';
+ const doc = {
+ title: this.title.value.trim(),
+ body: this.body.value.trim(),
+ };
+
+ if (existingDocument) doc._id = existingDocument;
+
+ Meteor.call(methodToCall, doc, (error, documentId) => {
+ if (error) {
+ Bert.alert(error.reason, 'danger');
+ } else {
+ const confirmation = existingDocument ? 'Document updated!' : 'Document added!';
+ this.form.reset();
+ Bert.alert(confirmation, 'success');
+ history.push(`/documents/${documentId}`);
+ }
+ });
+ }
+
+ render() {
+ const { doc } = this.props;
+ return (