f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-07 20:42:44 +00:00
Code Wiki Activity

"Refactor admin UI components: update class names, element types, and nesting in admin.jsx, notificationLookup.jsx, and notificationUtils.jsx"

Browse Source
This commit is contained in:
Víctor Losada Hernández
2024-08-31 12:51:06 +02:00
parent 10ce696333
commit e88272c684
3 changed files with 7 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
client/admin/admin.jsx
View File

@@ -33,13 +33,13 @@ const Admin = createClass({
homebrewery admin homebrewery admin
</div> </div>
</header> </header>
<div className='container'> <main className='container'>
<div className='tabs'> <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>; })} {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==='brew' && <BrewUtils />}
{this.state.currentTab==='notifications' && <NotificationUtils />} {this.state.currentTab==='notifications' && <NotificationUtils />}
</div> </main>
</div>; </div>;
} }
}); });

2
client/admin/notificationUtils/notificationLookup/notificationLookup.jsx
View File

@@ -129,7 +129,7 @@ const NotificationLookup = () => {
} }
return ( return (
<div className="notificationsList"> <div className="notificationList">
{notifications.map((notification) => ( {notifications.map((notification) => (
<details key={notification.dismissKey}> <details key={notification.dismissKey}>
<summary>{notification.title || 'No Title'}</summary> <summary>{notification.title || 'No Title'}</summary>

5
client/admin/notificationUtils/notificationUtils.jsx
View File

@@ -5,11 +5,10 @@ const NotificationAdd = require('./notificationAdd/notificationAdd.jsx');
const NotificationUtils = () => { const NotificationUtils = () => {
return ( return (
<> <section className='notificationUtils'>
<NotificationAdd /> <NotificationAdd />
<hr />
<NotificationLookup /> <NotificationLookup />
</> </section>
); );
}; };