Compare commits
No commits in common. "ai-dev" and "master" have entirely different histories.
5
.gitignore
vendored
5
.gitignore
vendored
@ -1,8 +1,3 @@
|
||||
node_modules/
|
||||
*/node_modules/
|
||||
*/build/
|
||||
|
||||
**/node_modules/
|
||||
**/build/
|
||||
.DS_Store
|
||||
.env
|
||||
File diff suppressed because one or more lines are too long
@ -1 +0,0 @@
|
||||
{}
|
||||
@ -1,55 +0,0 @@
|
||||
import React, { useState } from 'react';
|
||||
import { NavLink } from 'react-router-dom';
|
||||
|
||||
const Sidebar = () => {
|
||||
const [isSettingsOpen, setIsSettingsOpen] = useState(false);
|
||||
|
||||
const toggleSettingsMenu = () => {
|
||||
setIsSettingsOpen(!isSettingsOpen);
|
||||
};
|
||||
|
||||
const getNavLinkClass = ({ isActive }) =>
|
||||
isActive
|
||||
? 'bg-gray-900 text-white block py-2 px-4'
|
||||
: 'text-white block py-2 px-4 hover:bg-gray-700';
|
||||
|
||||
return (
|
||||
<div className="h-full bg-gray-800 p-4">
|
||||
<ul className="space-y-2">
|
||||
<li>
|
||||
<NavLink to="/dashboard" className={getNavLinkClass}>
|
||||
Dashboard
|
||||
</NavLink>
|
||||
</li>
|
||||
<li>
|
||||
<NavLink to="/swagger" className={getNavLinkClass}>
|
||||
Swagger API
|
||||
</NavLink>
|
||||
</li>
|
||||
{/* Top-level Settings menu */}
|
||||
<li>
|
||||
<button onClick={toggleSettingsMenu}
|
||||
className="w-full text-left text-white block py-2 px-4 hover:bg-gray-700 focus:outline-none">
|
||||
Settings
|
||||
</button>
|
||||
{isSettingsOpen && (
|
||||
<ul className="pl-4 space-y-1">
|
||||
<li>
|
||||
<NavLink to="/roles" className={getNavLinkClass}>
|
||||
Roles
|
||||
</NavLink>
|
||||
</li>
|
||||
<li>
|
||||
<NavLink to="/permissions" className={getNavLinkClass}>
|
||||
Permissions
|
||||
</NavLink>
|
||||
</li>
|
||||
</ul>
|
||||
)}
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default Sidebar;
|
||||
Loading…
x
Reference in New Issue
Block a user