From e88272c68421c04f17f350dbe9bab6aa4ee02b7e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?V=C3=ADctor=20Losada=20Hern=C3=A1ndez?=
 <losada.hernandez.victor@gmail.com>
Date: Sat, 31 Aug 2024 12:51:06 +0200
Subject: [PATCH] "Refactor admin UI components: update class names, element
 types, and nesting in admin.jsx, notificationLookup.jsx, and
 notificationUtils.jsx"

---
 client/admin/admin.jsx                                    | 8 ++++----
 .../notificationLookup/notificationLookup.jsx             | 2 +-
 client/admin/notificationUtils/notificationUtils.jsx      | 5 ++---
 3 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/client/admin/admin.jsx b/client/admin/admin.jsx
index f675ff37a..f2f2667a4 100644
--- a/client/admin/admin.jsx
+++ b/client/admin/admin.jsx
@@ -33,13 +33,13 @@ const Admin = createClass({
 					homebrewery admin
 				</div>
 			</header>
-			<div className='container'>
-				<div className='tabs'>
+			<main className='container'>
+				<nav className='tabs'>
 					{tabGroups.map((tab, idx)=>{ return <button className={tab===this.state.currentTab ? 'active' : ''} key={idx} onClick={()=>{ return this.handleClick(tab); }}>{tab.toUpperCase()}</button>; })}
-				</div>
+				</nav>
 				{this.state.currentTab==='brew' && <BrewUtils />}
 				{this.state.currentTab==='notifications' && <NotificationUtils />}
-			</div>
+			</main>
 		</div>;
 	}
 });
diff --git a/client/admin/notificationUtils/notificationLookup/notificationLookup.jsx b/client/admin/notificationUtils/notificationLookup/notificationLookup.jsx
index cddc0c9d3..ff33e7554 100644
--- a/client/admin/notificationUtils/notificationLookup/notificationLookup.jsx
+++ b/client/admin/notificationUtils/notificationLookup/notificationLookup.jsx
@@ -129,7 +129,7 @@ const NotificationLookup = () => {
         }
 
         return (
-            <div className="notificationsList">
+            <div className="notificationList">
                 {notifications.map((notification) => (
                     <details key={notification.dismissKey}>
                         <summary>{notification.title || 'No Title'}</summary>
diff --git a/client/admin/notificationUtils/notificationUtils.jsx b/client/admin/notificationUtils/notificationUtils.jsx
index e3cf87d37..2e2c4b634 100644
--- a/client/admin/notificationUtils/notificationUtils.jsx
+++ b/client/admin/notificationUtils/notificationUtils.jsx
@@ -5,11 +5,10 @@ const NotificationAdd = require('./notificationAdd/notificationAdd.jsx');
 
 const NotificationUtils = () => {
     return (
-        <>
+        <section className='notificationUtils'>
             <NotificationAdd />
-            <hr />
             <NotificationLookup />
-        </>
+        </section>
     );
 };