From ed0391011d9c135f7161fe20765ebcaa57be3309 Mon Sep 17 00:00:00 2001
From: spliceboti <44727389-spliceboti@users.noreply.replit.com>
Date: Thu, 10 Jul 2025 00:26:31 +0000
Subject: [PATCH] Make navigation links in the sidebar clickable for both DJs
 and admins

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
---
 client/src/components/layout/Sidebar.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/client/src/components/layout/Sidebar.tsx b/client/src/components/layout/Sidebar.tsx
index 2759452..eb3a3c3 100644
--- a/client/src/components/layout/Sidebar.tsx
+++ b/client/src/components/layout/Sidebar.tsx
@@ -40,9 +40,9 @@ export function Sidebar() {
           {djNavItems.map((item) => (
             <li key={item.href}>
               <Link href={item.href}>
-                <a
+                <span
                   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
                       ? "text-primary-700 bg-primary-50"
                       : "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>
                   {item.label}
-                </a>
+                </span>
               </Link>
             </li>
           ))}
@@ -66,9 +66,9 @@ export function Sidebar() {
               {adminNavItems.map((item) => (
                 <li key={item.href}>
                   <Link href={item.href}>
-                    <a
+                    <span
                       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
                           ? "text-primary-700 bg-primary-50"
                           : "text-slate-700 hover:bg-slate-100"
@@ -81,7 +81,7 @@ export function Sidebar() {
                           3
                         </span>
                       )}
-                    </a>
+                    </span>
                   </Link>
                 </li>
               ))}