From 86866c9dd2cabb114737d8410e6a8af32867fef8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?V=C3=ADctor=20Losada=20Hern=C3=A1ndez?=
 <losada.hernandez.victor@gmail.com>
Date: Mon, 19 Oct 2026 12:59:12 +0200
Subject: [PATCH 1/2] refactor uipage to be functional

---
 .../homebrew/pages/basePages/uiPage/uiPage.jsx  | 17 +++++------------
 1 file changed, 5 insertions(+), 12 deletions(-)

diff --git a/client/homebrew/pages/basePages/uiPage/uiPage.jsx b/client/homebrew/pages/basePages/uiPage/uiPage.jsx
index 400dbb28e..bd16b85e5 100644
--- a/client/homebrew/pages/basePages/uiPage/uiPage.jsx
+++ b/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;

From eaa23f51fc97552ae0ca861cabf7556eedefe120 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?V=C3=ADctor=20Losada=20Hern=C3=A1ndez?=
 <losada.hernandez.victor@gmail.com>
Date: Mon, 19 Oct 2026 13:00:57 +0200
Subject: [PATCH 2/2] lint

---
 .../pages/basePages/uiPage/uiPage.jsx         | 36 +++++++++----------
 1 file changed, 16 insertions(+), 20 deletions(-)

diff --git a/client/homebrew/pages/basePages/uiPage/uiPage.jsx b/client/homebrew/pages/basePages/uiPage/uiPage.jsx
index bd16b85e5..9fa7e08bb 100644
--- a/client/homebrew/pages/basePages/uiPage/uiPage.jsx
+++ b/client/homebrew/pages/basePages/uiPage/uiPage.jsx
@@ -7,26 +7,22 @@ import RecentNavItems from '../../../navbar/recent.navitem.jsx';
 const { both: RecentNavItem } = RecentNavItems;
 import Account from '../../../navbar/account.navitem.jsx';
 
-const UIPage = ({brew, children})=>{
+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>
 
-	return <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>
-
-			<div className='content'>
-				{children}
-			</div>
-		</div>;
-};
+	<div className='content'>
+		{children}
+	</div>
+</div>;
 
 export default UIPage;