mirror of
https://github.com/naturalcrit/homebrewery.git
synced 2026-11-04 22:38:43 +00:00
Merge pull request #5128 from naturalcrit/refactor-uipage-as-functional
Refactor uipage as functional
This commit is contained in:
@@ -1,7 +1,4 @@
|
|||||||
import './uiPage.less';
|
import './uiPage.less';
|
||||||
import React from 'react';
|
|
||||||
import createReactClass from 'create-react-class';
|
|
||||||
|
|
||||||
import Nav from '../../../navbar/nav.jsx';
|
import Nav from '../../../navbar/nav.jsx';
|
||||||
import Navbar from '../../../navbar/navbar.jsx';
|
import Navbar from '../../../navbar/navbar.jsx';
|
||||||
import NewBrewItem from '../../../navbar/newbrew.navitem.jsx';
|
import NewBrewItem from '../../../navbar/newbrew.navitem.jsx';
|
||||||
@@ -10,30 +7,22 @@ import RecentNavItems from '../../../navbar/recent.navitem.jsx';
|
|||||||
const { both: RecentNavItem } = RecentNavItems;
|
const { both: RecentNavItem } = RecentNavItems;
|
||||||
import Account from '../../../navbar/account.navitem.jsx';
|
import Account from '../../../navbar/account.navitem.jsx';
|
||||||
|
|
||||||
|
const UIPage = ({ brew, children })=><div className='sitePage uiPage'>
|
||||||
|
<Navbar>
|
||||||
|
<Nav.section>
|
||||||
|
<Nav.item className='brewTitle'>{brew?.title}</Nav.item>
|
||||||
|
</Nav.section>
|
||||||
|
<Nav.section>
|
||||||
|
<NewBrewItem />
|
||||||
|
<HelpNavItem />
|
||||||
|
<RecentNavItem />
|
||||||
|
<Account />
|
||||||
|
</Nav.section>
|
||||||
|
</Navbar>
|
||||||
|
|
||||||
const UIPage = createReactClass({
|
<div className='content'>
|
||||||
displayName : 'UIPage',
|
{children}
|
||||||
|
</div>
|
||||||
render : function(){
|
</div>;
|
||||||
return <div className='uiPage sitePage'>
|
|
||||||
<Navbar>
|
|
||||||
<Nav.section>
|
|
||||||
<Nav.item className='brewTitle'>{this.props.brew.title}</Nav.item>
|
|
||||||
</Nav.section>
|
|
||||||
|
|
||||||
<Nav.section>
|
|
||||||
<NewBrewItem />
|
|
||||||
<HelpNavItem />
|
|
||||||
<RecentNavItem />
|
|
||||||
<Account />
|
|
||||||
</Nav.section>
|
|
||||||
</Navbar>
|
|
||||||
|
|
||||||
<div className='content'>
|
|
||||||
{this.props.children}
|
|
||||||
</div>
|
|
||||||
</div>;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
export default UIPage;
|
export default UIPage;
|
||||||
|
|||||||
Reference in New Issue
Block a user