load editor on page

Author: ShMcK

lib/components/Page/index.js

@@ -4,11 +4,22 @@ var __extends = (this && this.__extends) || function (d, b) {
     function __() { this.constructor = d; }
     d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
 };
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
 var React = require('react');
+var react_redux_1 = require('react-redux');
 var PageDescription_1 = require('./PageDescription');
 var Tasks_1 = require('./Tasks');
 var TasksComplete_1 = require('./TasksComplete');
 var TopPanel_1 = require('../TopPanel');
+var actions_1 = require('../../actions');
 var styles = {
     height: '100%',
     width: '100%',
@@ -20,6 +31,7 @@ var Page = (function (_super) {
         _super.apply(this, arguments);
     }
     Page.prototype.componentDidMount = function () {
+        this.props.editorMarkdownOpen(null, null);
         TopPanel_1.topElement.toggle(true);
     };
     Page.prototype.componentWillUnmount = function () {
@@ -31,6 +43,10 @@ var Page = (function (_super) {
             React.createElement(Tasks_1.default, null), 
             React.createElement(TasksComplete_1.default, null)));
     };
+    Page = __decorate([
+        react_redux_1.connect(null, { editorMarkdownOpen: actions_1.editorMarkdownOpen }), 
+        __metadata('design:paramtypes', [])
+    ], Page);
     return Page;
 }(React.Component));
 Object.defineProperty(exports, "__esModule", { value: true });

src/components/Page/index.tsx

@@ -1,19 +1,25 @@
 import * as React from 'react';
+import {connect} from 'react-redux';
 import Divider from 'material-ui/Divider';
 import {Card} from 'material-ui/Card';
 import PageDescription from './PageDescription';
 import Tasks from './Tasks';
 import TasksComplete from './TasksComplete';
 import {topElement} from '../TopPanel';
+import {editorMarkdownOpen} from '../../actions';
 
 const styles = {
   height: '100%',
   width: '100%',
   overflowY: 'scroll',
 };
 
-export default class Page extends React.Component<{}, {}> {
+@connect(null, {editorMarkdownOpen})
+export default class Page extends React.Component<{
+  editorMarkdownOpen: (content?: string, index?: number) => Redux.ActionCreator
+}, {}> {
   componentDidMount() {
+    this.props.editorMarkdownOpen(null, null);
     topElement.toggle(true);
   }
   componentWillUnmount() {