New error bar made

client/homebrew/pages/newPage/newPage.jsx

@@ -8,7 +8,7 @@ var Navbar = require('../../navbar/navbar.jsx');
 var EditTitle = require('../../navbar/editTitle.navitem.jsx');
 var IssueNavItem = require('../../navbar/issue.navitem.jsx');
 
-
+var Markdown = require('naturalcrit/markdown.js');
 var SplitPane = require('naturalcrit/splitPane/splitPane.jsx');
 var Editor = require('../../editor/editor.jsx');
 var BrewRenderer = require('../../brewRenderer/brewRenderer.jsx');
@@ -22,7 +22,8 @@ var NewPage = React.createClass({
 			ver : '0.0.0',
 			title : '',
 			text: '',
-			isSaving : false
+			isSaving : false,
+			errors : []
 		};
 	},
 
@@ -57,7 +58,8 @@ var NewPage = React.createClass({
 
 	handleTextChange : function(text){
 		this.setState({
-			text : text
+			text : text,
+			errors : Markdown.validate(text)
 		});
 		localStorage.setItem(KEY, text);
 	},
@@ -66,6 +68,7 @@ var NewPage = React.createClass({
 		this.setState({
 			isSaving : true
 		});
+
 		request.post('/api')
 			.send({
 				title : this.state.title,
@@ -112,13 +115,13 @@ var NewPage = React.createClass({
 	},
 
 	render : function(){
+		console.log(this.state.errors);
 		return <div className='newPage page'>
 			{this.renderNavbar()}
-
 			<div className='content'>
 				<SplitPane onDragFinish={this.handleSplitMove} ref='pane'>
 					<Editor value={this.state.text} onChange={this.handleTextChange} ref='editor'/>
-					<BrewRenderer text={this.state.text} />
+					<BrewRenderer text={this.state.text} errors={this.state.errors} />
 				</SplitPane>
 			</div>
 		</div>