Initial commit

src/Views/Dashboard/Dashboard.js

@@ -0,0 +1,80 @@
+import React, { Component } from 'react';
+import { connect } from 'react-redux';
+
+import MarkdownEditor from '../../Components/MarkdownEditor';
+import TextEditor from '../../Components/TextEditor';
+
+import { toMarkdown } from '../../Utils/Markdown';
+import { updateText } from '../../Actions';
+
+import styles from './Dashboard.scss';
+
+class Dashboard extends Component {
+  static propTypes = {
+    editMarkdown: React.PropTypes.func.isRequired,
+    editText: React.PropTypes.func.isRequired,
+    text: React.PropTypes.string,
+    activeEditors: React.PropTypes.array,
+  }
+
+  // componentDidMount = () => {
+  //   client.get('/user')
+  //   .then(data => {
+  //     this.setState({ user: data });
+  //   });
+  // }
+
+  render() {
+    const activeEditors = this.props.activeEditors;
+
+    return (
+      <div className={ styles.container }>
+        {
+          activeEditors.includes('MARKDOWN') ? (
+            <div className={ `${activeEditors.length > 1 ?
+                styles.panel : styles.fullscreen} ${styles.markdown}`}
+            >
+              <MarkdownEditor onChange={this.props.editMarkdown} text={this.props.text} />
+            </div>
+          ) : null
+        }
+        {
+          activeEditors.includes('TEXT') ? (
+            <div className={ `${activeEditors.length > 1 ?
+                styles.panel : styles.fullscreen} ${styles.text}`}
+            >
+              <TextEditor onChange={this.props.editText} text={this.props.text} />
+            </div>
+          ) : null
+        }
+      </div>
+    );
+  }
+}
+
+const mapStateToProps = (state) => {
+  return {
+    text: state.text,
+    editor: state.editor,
+    activeEditors: state.activeEditors,
+  };
+};
+
+const mapDispatchToProps = (dispatch) => {
+  return {
+    editMarkdown: (text) => {
+      dispatch(updateText(text, 'markdown'));
+    },
+    editText: (html) => {
+      const text = toMarkdown(html);
+      dispatch(updateText(text, 'text'));
+    },
+  };
+};
+
+Dashboard = connect(
+  mapStateToProps,
+  mapDispatchToProps,
+)(Dashboard);
+
+export default Dashboard;