refactor uipage to be functional

client/homebrew/pages/basePages/uiPage/uiPage.jsx

@@ -1,7 +1,4 @@
 import './uiPage.less';
-import React from 'react';
-import createReactClass from 'create-react-class';
-
 import Nav from '../../../navbar/nav.jsx';
 import Navbar from '../../../navbar/navbar.jsx';
 import NewBrewItem from '../../../navbar/newbrew.navitem.jsx';
@@ -10,15 +7,12 @@ import RecentNavItems from '../../../navbar/recent.navitem.jsx';
 const { both: RecentNavItem } = RecentNavItems;
 import Account from '../../../navbar/account.navitem.jsx';
 
+const UIPage = ({brew, children})=>{
 
-const UIPage = createReactClass({
-	displayName : 'UIPage',
-
-	render : function(){
-		return <div className='uiPage sitePage'>
+	return <div className='sitePage uiPage'>
 			<Navbar>
 				<Nav.section>
-					<Nav.item className='brewTitle'>{this.props.brew.title}</Nav.item>
+					<Nav.item className='brewTitle'>{brew?.title}</Nav.item>
 				</Nav.section>
 
 				<Nav.section>
@@ -30,10 +24,9 @@ const UIPage = createReactClass({
 			</Navbar>
 
 			<div className='content'>
-				{this.props.children}
+				{children}
 			</div>
 		</div>;
-	}
-});
+};
 
 export default UIPage;