Added in a brew item component

client/homebrew/editor/editor.jsx

@@ -20,7 +20,7 @@ const Editor = React.createClass({
 			onChange : ()=>{},
 
 			metadata : {},
-			onMetadataChange : ()=>{}
+			onMetadataChange : ()=>{},
 		};
 	},
 	getInitialState: function() {

client/homebrew/pages/homePage/homePage.less

@@ -40,4 +40,8 @@
 			right : 350px;
 		}
 	}
+
+	.toggleMeta{
+		display: none;
+	}
 }

client/homebrew/pages/userPage/brewItem/brewItem.jsx

@@ -0,0 +1,21 @@
+const React = require('react');
+const _     = require('lodash');
+const cx    = require('classnames');
+
+const BrewItem = React.createClass({
+	getDefaultProps: function() {
+		return {
+			brew : {
+
+			}
+		};
+	},
+
+	render : function(){
+		return <div className='brewItem'>
+			BrewItem Component Ready.
+		</div>
+	}
+});
+
+module.exports = BrewItem;

client/homebrew/pages/userPage/brewItem/brewItem.less

@@ -0,0 +1,3 @@
+.brewItem{
+
+}

client/homebrew/pages/userPage/userPage.jsx

@@ -5,6 +5,8 @@ const cx    = require('classnames');
 const Nav = require('naturalcrit/nav/nav.jsx');
 const Navbar = require('../../navbar/navbar.jsx');
 
+const BrewItem = require('./brewItem/brewItem.jsx');
+
 const UserPage = React.createClass({
 	getDefaultProps: function() {
 		return {
@@ -13,6 +15,12 @@ const UserPage = React.createClass({
 		};
 	},
 
+	renderBrews : function(){
+		return _.map(this.props.brews, (brew) => {
+			return <BrewItem brew={brew} />
+		});
+	},
+
 	render : function(){
 		console.log(this.props.brews);
 
@@ -26,6 +34,7 @@ const UserPage = React.createClass({
 			<div className='content'>
 				<div className='phb'>
 					<h1>{this.props.username}</h1>
+					{this.renderBrews()}
 				</div>
 			</div>
 		</div>

server.js

@@ -113,8 +113,6 @@ app.get('/print/:id', (req, res, next)=>{
 });
 
 
-
-
 //Render Page
 app.use((req, res) => {
 	vitreumRender({