Goutam/LynkedUpPro_CRM
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(nav): footer avatar opens /profile (User Details); add People to owner nav (skill rankings)

Browse Source
This commit is contained in:
Satyam Rastogi
2026-05-29 21:59:18 +05:30
parent 2946369199
commit 54abdacb08
1 changed files with 15 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Layout.jsx
+15 -10
View File
@@ -153,6 +153,7 @@ const Layout = () => {
{ to: "/admin/schedule", icon: Calendar, label: "Team Schedule" }, { to: "/admin/schedule", icon: Calendar, label: "Team Schedule" },
{ to: "/admin/leaderboard", icon: Trophy, label: "Leaderboard" }, { to: "/admin/leaderboard", icon: Trophy, label: "Leaderboard" },
{ to: "/owner/subcontractor-tasks", icon: HardHat, label: "Subcontractor Tasks" }, { to: "/owner/subcontractor-tasks", icon: HardHat, label: "Subcontractor Tasks" },
{ to: "/owner/people", icon: Users, label: "People" },
{ to: "/owner/settings", icon: Settings, label: "Org Settings" }, { to: "/owner/settings", icon: Settings, label: "Org Settings" },
...commonItems, ...commonItems,
]; ];
@@ -307,16 +308,20 @@ const Layout = () => {
{/* Divider */} {/* Divider */}
<div className="h-px bg-zinc-200 dark:bg-white/10 my-2" /> <div className="h-px bg-zinc-200 dark:bg-white/10 my-2" />
<div className={`flex items-center ${isCollapsed && !isMobileMenuOpen ? 'justify-center' : 'space-x-3'} transition-all duration-300`}> <div className={`flex items-center ${isCollapsed && !isMobileMenuOpen ? 'justify-center' : 'space-x-3'} transition-all duration-300`}>
{/* Avatar */} {/* Avatar + info — click to open your User Details / profile */}
<div className="w-9 h-9 rounded-full bg-gradient-to-tr from-amber-400 to-orange-600 flex items-center justify-center text-white font-bold text-sm shrink-0 shadow-lg shadow-amber-500/20 ring-2 ring-white dark:ring-zinc-800"> <button
{user?.name?.charAt(0) || 'U'} onClick={() => { navigate('/profile'); setIsMobileMenuOpen(false); }}
</div> title="View your profile & details"
className={`flex items-center ${isCollapsed && !isMobileMenuOpen ? 'justify-center' : 'space-x-3 flex-1'} min-w-0 text-left rounded-lg p-1 -m-1 hover:bg-zinc-200 dark:hover:bg-white/10 transition-colors focus:outline-none focus:ring-2 focus:ring-amber-500`}
{/* Info */} >
<div className={`flex-1 overflow-hidden transition-all duration-300 ${isCollapsed && !isMobileMenuOpen ? 'w-0 opacity-0 ml-0' : 'w-auto opacity-100'}`}> <div className="w-9 h-9 rounded-full bg-gradient-to-tr from-amber-400 to-orange-600 flex items-center justify-center text-white font-bold text-sm shrink-0 shadow-lg shadow-amber-500/20 ring-2 ring-white dark:ring-zinc-800">
<div className="text-sm font-bold text-zinc-900 dark:text-white truncate">{user?.name}</div> {user?.name?.charAt(0) || 'U'}
<div className="text-[10px] text-zinc-500 uppercase font-bold tracking-wider">{user?.role?.replace('_', ' ')}</div> </div>
</div> <div className={`flex-1 overflow-hidden transition-all duration-300 ${isCollapsed && !isMobileMenuOpen ? 'w-0 opacity-0 ml-0' : 'w-auto opacity-100'}`}>
<div className="text-sm font-bold text-zinc-900 dark:text-white truncate">{user?.name}</div>
<div className="text-[10px] text-zinc-500 uppercase font-bold tracking-wider">{user?.role?.replace('_', ' ')}</div>
</div>
</button>
{/* Logout Button */} {/* Logout Button */}
{(!isCollapsed || isMobileMenuOpen) && ( {(!isCollapsed || isMobileMenuOpen) && (