From b9bf9c7e70fe6704e9cb4ce3a4fd4eb2cfd8d764 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?V=C3=ADctor=20Losada=20Hern=C3=A1ndez?=
 <losada.hernandez.victor@gmail.com>
Date: Wed, 23 Oct 2024 17:03:00 +0200
Subject: [PATCH] "Refactor UserPage component: removed unnecessary import,
 updated function signature, and moved useState hook declaration"

---
 client/homebrew/pages/userPage/userPage.jsx | 23 +++++++--------------
 1 file changed, 7 insertions(+), 16 deletions(-)

diff --git a/client/homebrew/pages/userPage/userPage.jsx b/client/homebrew/pages/userPage/userPage.jsx
index fae39846c..4fdd8cf93 100644
--- a/client/homebrew/pages/userPage/userPage.jsx
+++ b/client/homebrew/pages/userPage/userPage.jsx
@@ -1,12 +1,11 @@
 const React = require('react');
-const { useState, useEffect } = require('react');
+const { useState } = React;
 const _ = require('lodash');
 
 const ListPage = require('../basePages/listPage/listPage.jsx');
 
 const Nav = require('naturalcrit/nav/nav.jsx');
 const Navbar = require('../../navbar/navbar.jsx');
-
 const RecentNavItem = require('../../navbar/recent.navitem.jsx').both;
 const Account = require('../../navbar/account.navitem.jsx');
 const NewBrew = require('../../navbar/newbrew.navitem.jsx');
@@ -14,13 +13,12 @@ const HelpNavItem = require('../../navbar/help.navitem.jsx');
 const ErrorNavItem = require('../../navbar/error-navitem.jsx');
 const VaultNavitem = require('../../navbar/vault.navitem.jsx');
 
-const UserPage = (props) => {
-    const { username = '', brews = [], query = '', error = null } = props;
-    const usernameWithS = username + (username.endsWith('s') ? `’` : `’s`);
+const UserPage = ({ username = '', brews = [], query = '', error = null, ...props }) => {
 
-    const groupedBrews = _.groupBy(brews, (brew) => {
-        return brew.published ? 'published' : 'private';
-    });
+    const [currentError, setCurrentError] = useState(error);
+
+    const usernameWithS = username + (username.endsWith('s') ? `’` : `’s`);
+    const groupedBrews = _.groupBy(brews, brew => brew.published ? 'published' : 'private');
 
 	const brewCollection = [
 		{
@@ -35,12 +33,6 @@ const UserPage = (props) => {
 		}] : [])
 	];	
 
-    const [currentError, setCurrentError] = useState(error);
-
-    const errorReported = (error) => {
-        setCurrentError(error);
-    };
-
     const navItems = () => (
         <Navbar>
             <Nav.section>
@@ -55,8 +47,7 @@ const UserPage = (props) => {
     );
 
     return (
-        <ListPage brewCollection={brewCollection}  navItems={navItems()} query={query} reportError={errorReported}
-        />
+        <ListPage brewCollection={brewCollection}  navItems={navItems()} query={query} reportError={(error) =>setCurrentError(error)} />
     );
 };