Merge pull request #5128 from naturalcrit/refactor-uipage-as-functional

Refactor uipage as 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,17 +7,11 @@ import RecentNavItems from '../../../navbar/recent.navitem.jsx';
 const { both: RecentNavItem } = RecentNavItems;
 import Account from '../../../navbar/account.navitem.jsx';
 
-
+const UIPage = ({ brew, children })=><div className='sitePage uiPage'>
-const UIPage = createReactClass({
-	displayName : 'UIPage',
-
-	render : function(){
-		return <div className='uiPage sitePage'>
 	<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>
 			<NewBrewItem />
 			<HelpNavItem />
@@ -30,10 +21,8 @@ const UIPage = createReactClass({
 	</Navbar>
 
 	<div className='content'>
-				{this.props.children}
+		{children}
 	</div>
 </div>;
-	}
-});
 
 export default UIPage;