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/
|
||||||
*/node_modules/
|
*/node_modules/
|
||||||
*/build/
|
*/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