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

Refactor uipage as functional
This commit is contained in:
Víctor Losada Hernández
2026-10-19 13:03:51 +02:00
committed by GitHub
@@ -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;