Move Old style challenge to classic

common/app/routes/challenges/components/classic/Classic.jsx

@@ -0,0 +1,81 @@
+import React, { PropTypes } from 'react';
+import { connect } from 'react-redux';
+import { Col } from 'react-bootstrap';
+import { createSelector } from 'reselect';
+import PureComponent from 'react-pure-render/component';
+
+import Editor from './Editor.jsx';
+import SidePanel from './Side-Panel.jsx';
+import Preview from './Preview.jsx';
+import { challengeSelector } from '../../redux/selectors';
+import { updateFile } from '../../redux/actions';
+
+const mapStateToProps = createSelector(
+  challengeSelector,
+  state => state.challengesApp.tests,
+  state => state.challengesApp.files,
+  state => state.challengesApp.path,
+  ({ challenge, showPreview, mode }, tests, files = {}, path = '') => ({
+    content: files[path] && files[path].contents || '',
+    file: files[path],
+    showPreview,
+    mode,
+    tests
+  })
+);
+
+const bindableActions = { updateFile };
+
+export class Challenge extends PureComponent {
+  static displayName = 'Challenge';
+
+  static propTypes = {
+    showPreview: PropTypes.bool,
+    content: PropTypes.string,
+    mode: PropTypes.string
+  };
+
+  renderPreview(showPreview) {
+    if (!showPreview) {
+      return null;
+    }
+    return (
+      <Col
+        lg={ 3 }
+        md={ 4 }>
+        <Preview />
+      </Col>
+    );
+  }
+
+  render() {
+    const {
+      content,
+      updateFile,
+      file,
+      mode,
+      showPreview
+    } = this.props;
+    return (
+      <div>
+        <Col
+          lg={ 3 }
+          md={ showPreview ? 3 : 4 }>
+          <SidePanel />
+        </Col>
+        <Col
+          lg={ showPreview ? 6 : 9 }
+          md={ showPreview ? 5 : 8 }>
+          <Editor
+            content={ content }
+            mode={ mode }
+            updateFile={ content => updateFile(content, file) }
+          />
+        </Col>
+        { this.renderPreview(showPreview) }
+      </div>
+    );
+  }
+}
+
+export default connect(mapStateToProps, bindableActions)(Challenge);