Markdown Added

client/coral-admin/src/routes/Configure/components/StreamSettings.js

@@ -4,7 +4,7 @@ import t from 'coral-framework/services/i18n';
 import styles from './Configure.css';
 import {Checkbox, Textfield} from 'react-mdl';
 import {Card, Icon, TextArea} from 'coral-ui';
-import MarkdownEditor from 'coral-admin/src/components/MarkdownEditor';
+import MarkdownEditor from 'coral-framework/components/MarkdownEditor';
 
 const TIMESTAMPS = {
   weeks: 60 * 60 * 24 * 7,

client/coral-configure/components/Markdown.js

@@ -0,0 +1,23 @@
+import React, {PureComponent, PropTypes} from 'react';
+import marked from 'marked';
+
+const renderer = new marked.Renderer();
+
+// Set link target to `_parent` to work properly in an embed.
+renderer.link = (href, title, text) =>
+  `<a target="_parent" href="${href}" ${title ? `title="${title}"` : ''}>${text}</a>`;
+
+marked.setOptions({renderer});
+
+export default class Markdown extends PureComponent {
+  render() {
+    const {content, ...rest} = this.props;
+    const __html = marked(content);
+    return <div {...rest} dangerouslySetInnerHTML={{__html}} />;
+  }
+}
+
+Markdown.propTypes = {
+  content: PropTypes.string,
+};
+

client/coral-configure/components/QuestionBoxBuilder.js

@@ -1,9 +1,10 @@
 import React from 'react';
 import QuestionBox from 'talk-plugin-questionbox/QuestionBox';
-import {Icon, TextField} from 'coral-ui';
+import {Icon} from 'coral-ui';
 import DefaultIcon from './DefaultIcon';
 import cn from 'classnames';
 import styles from './QuestionBoxBuilder.css';
+import MarkdownEditor from 'coral-framework/components/MarkdownEditor';
 
 class QuestionBoxBuilder extends React.Component {
   render() {
@@ -57,14 +58,12 @@ class QuestionBoxBuilder extends React.Component {
           icon={questionBoxIcon}  
           content={questionBoxContent}
         />
-        
-        <TextField
-          id="qboxcontent"
-          onChange={handleChange}
-          rows={3}
+
+        <MarkdownEditor 
           value={questionBoxContent}
-          onChange={handleChange}
+          onChange={(value) => handleChange({}, {questionBoxContent: value})}
         />
+        
       </div>
     );
   }

client/coral-configure/containers/ConfigureStreamContainer.js

@@ -53,15 +53,16 @@ class ConfigureStreamContainer extends Component {
     }
   }
 
-  handleChange (e) {
-    const changes = {};
+  handleChange (e, newChanges) {
+    let changes = {};
+
+    if (changes) {
+      changes = {...newChanges};
+    }
 
     if (e.target && e.target.id === 'qboxenable') {
       changes.questionBoxEnable = e.target.checked;
     }
-    if (e.target && e.target.id === 'qboxcontent') {
-      changes.questionBoxContent = e.target.value;
-    }
     if (e.currentTarget && e.currentTarget.id === 'qboxicon') {
       changes.questionBoxIcon = e.currentTarget.dataset.icon;
     }
@@ -69,6 +70,8 @@ class ConfigureStreamContainer extends Component {
       changes.premodLinksEnable = e.target.value;
     }
 
+    console.log(changes)
+
     this.setState({
       changed: true,
       dirtySettings: {