pguzman/DJ-Management-Tool
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make navigation links in the sidebar clickable for both DJs and admins

Browse Source 
Replaced <a> tags with <span> tags and added cursor pointer style to Sidebar navigation items.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 3a22ac80-cd1d-4441-9e36-f24fc2f4c3de
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/3478f7c3-db8c-4fca-9165-3adbdf1b5829/e8da43e7-d99c-4328-9fdc-485bdeecffc1.jpg
This commit is contained in:
spliceboti
2025-07-10 00:26:31 +00:00
parent 89946fcef9
commit ed0391011d
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/components/layout/Sidebar.tsx
+6 -6
View File
@@ -40,9 +40,9 @@ export function Sidebar() {
{djNavItems.map((item) => ( {djNavItems.map((item) => (
<li key={item.href}> <li key={item.href}>
<Link href={item.href}> <Link href={item.href}>
<a <span
className={cn( className={cn(
"flex items-center px-3 py-2 text-sm font-medium rounded-md transition-colors", "flex items-center px-3 py-2 text-sm font-medium rounded-md transition-colors cursor-pointer",
location === item.href location === item.href
? "text-primary-700 bg-primary-50" ? "text-primary-700 bg-primary-50"
: "text-slate-700 hover:bg-slate-100" : "text-slate-700 hover:bg-slate-100"
@@ -50,7 +50,7 @@ export function Sidebar() {
> >
<i className={`${item.icon} w-5 h-5 mr-3`}></i> <i className={`${item.icon} w-5 h-5 mr-3`}></i>
{item.label} {item.label}
</a> </span>
</Link> </Link>
</li> </li>
))} ))}
@@ -66,9 +66,9 @@ export function Sidebar() {
{adminNavItems.map((item) => ( {adminNavItems.map((item) => (
<li key={item.href}> <li key={item.href}>
<Link href={item.href}> <Link href={item.href}>
<a <span
className={cn( className={cn(
"flex items-center px-3 py-2 text-sm font-medium rounded-md transition-colors", "flex items-center px-3 py-2 text-sm font-medium rounded-md transition-colors cursor-pointer",
location === item.href location === item.href
? "text-primary-700 bg-primary-50" ? "text-primary-700 bg-primary-50"
: "text-slate-700 hover:bg-slate-100" : "text-slate-700 hover:bg-slate-100"
@@ -81,7 +81,7 @@ export function Sidebar() {
3 3
</span> </span>
)} )}
</a> </span>
</Link> </Link>
</li> </li>
))} ))}