Merge pull request #76 from codeunia-dev/ux/adminsidebar

Refactor Sidebar component to use Link for navigation in Account and

Author: codeunia-dev

components/admin/Sidebar.tsx

@@ -145,13 +145,17 @@ export function Sidebar({ avatar, name, email, role, sidebarItems, children }: S
                       </div>
                     </DropdownMenuLabel>
                     <DropdownMenuSeparator />
-                    <DropdownMenuItem className="flex items-center gap-2 px-3 py-2 hover:bg-purple-700/10 rounded-md cursor-pointer">
-                      <User className="size-4 text-purple-400" />
-                      <span>Account</span>
+                    <DropdownMenuItem asChild onSelect={(e) => { e.preventDefault(); window.location.href = '/admin/account'; }} className="flex items-center gap-2 px-3 py-2 hover:bg-purple-700/10 rounded-md cursor-pointer">
+                      <Link href="/admin/account" className="flex items-center w-full">
+                        <User className="size-4 text-purple-400" />
+                        <span>Account</span>
+                      </Link>
                     </DropdownMenuItem>
-                    <DropdownMenuItem className="flex items-center gap-2 px-3 py-2 hover:bg-purple-700/10 rounded-md cursor-pointer">
-                      <Bell className="size-4 text-purple-400" />
-                      <span>Notifications</span>
+                    <DropdownMenuItem asChild onSelect={(e) => { e.preventDefault(); window.location.href = '/admin/notifications'; }} className="flex items-center gap-2 px-3 py-2 hover:bg-purple-700/10 rounded-md cursor-pointer">
+                      <Link href="/admin/notifications" className="flex items-center w-full">
+                        <Bell className="size-4 text-purple-400" />
+                        <span>Notifications</span>
+                      </Link>
                     </DropdownMenuItem>
                     <DropdownMenuSeparator />
                     <DropdownMenuItem onClick={() => { window.location.href = "/auth/signin" }} className="flex items-center gap-2 px-3 py-2 hover:bg-red-600/20 text-red-400 rounded-md cursor-pointer">
@@ -247,13 +251,17 @@ export function Sidebar({ avatar, name, email, role, sidebarItems, children }: S
                       </div>
                     </DropdownMenuLabel>
                     <DropdownMenuSeparator />
-                    <DropdownMenuItem className="flex items-center gap-2 px-3 py-2 hover:bg-purple-700/10 rounded-md cursor-pointer">
-                      <User className="size-4 text-purple-400" />
-                      <span>Account</span>
+                    <DropdownMenuItem asChild onSelect={(e) => { e.preventDefault(); window.location.href = '/admin/account'; }} className="flex items-center gap-2 px-3 py-2 hover:bg-purple-700/10 rounded-md cursor-pointer">
+                      <Link href="/admin/account" className="flex items-center w-full">
+                        <User className="size-4 text-purple-400" />
+                        <span>Account</span>
+                      </Link>
                     </DropdownMenuItem>
-                    <DropdownMenuItem className="flex items-center gap-2 px-3 py-2 hover:bg-purple-700/10 rounded-md cursor-pointer">
-                      <Bell className="size-4 text-purple-400" />
-                      <span>Notifications</span>
+                    <DropdownMenuItem asChild onSelect={(e) => { e.preventDefault(); window.location.href = '/admin/notifications'; }} className="flex items-center gap-2 px-3 py-2 hover:bg-purple-700/10 rounded-md cursor-pointer">
+                      <Link href="/admin/notifications" className="flex items-center w-full">
+                        <Bell className="size-4 text-purple-400" />
+                        <span>Notifications</span>
+                      </Link>
                     </DropdownMenuItem>
                     <DropdownMenuSeparator />
                     <DropdownMenuItem onClick={() => { window.location.href = "/auth/signin" }} className="flex items-center gap-2 px-3 py-2 hover:bg-red-600/20 text-red-400 rounded-md cursor-pointer">