feat: navigation link

satnaing · Dec 25, 2024 · 25dae81 · 25dae81
1 parent a1075bd
commit 25dae81
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 4 deletions.
diff --git a/src/components/layout/nav-user.tsx b/src/components/layout/nav-user.tsx
@@ -22,6 +22,7 @@ import {
   SidebarMenuItem,
   useSidebar,
 } from '@/components/ui/sidebar'
+import { Link } from '@tanstack/react-router'
 
 export function NavUser({
   user,
@@ -81,17 +82,23 @@ export function NavUser({
             </DropdownMenuGroup>
             <DropdownMenuSeparator />
             <DropdownMenuGroup>
-              <DropdownMenuItem>
+              <DropdownMenuItem asChild>
+                <Link to='/settings/account'>
                 <BadgeCheck />
                 Account
+                </Link>
               </DropdownMenuItem>
-              <DropdownMenuItem>
+              <DropdownMenuItem asChild>
+                <Link to='/settings/billing'>
                 <CreditCard />
                 Billing
+                </Link>
               </DropdownMenuItem>
-              <DropdownMenuItem>
+              <DropdownMenuItem asChild>
+              <Link to='/settings/notifications'>
                 <Bell />
                 Notifications
+              </Link>
               </DropdownMenuItem>
             </DropdownMenuGroup>
             <DropdownMenuSeparator />

diff --git a/src/components/profile-dropdown.tsx b/src/components/profile-dropdown.tsx
@@ -10,6 +10,7 @@ import {
   DropdownMenuShortcut,
   DropdownMenuTrigger,
 } from '@/components/ui/dropdown-menu'
+import { Link } from '@tanstack/react-router'
 
 export function ProfileDropdown() {
   return (
@@ -34,15 +35,21 @@ export function ProfileDropdown() {
         <DropdownMenuSeparator />
         <DropdownMenuGroup>
           <DropdownMenuItem>
-            Profile
+            <Link to='/settings'>
+              Profile
+            </Link>
             <DropdownMenuShortcut>⇧⌘P</DropdownMenuShortcut>
           </DropdownMenuItem>
           <DropdownMenuItem>
+            <Link to='/settings/billing'>
             Billing
+            </Link>
             <DropdownMenuShortcut>⌘B</DropdownMenuShortcut>
           </DropdownMenuItem>
           <DropdownMenuItem>
+            <Link to='/settings'>
             Settings
+            </Link>
             <DropdownMenuShortcut>⌘S</DropdownMenuShortcut>
           </DropdownMenuItem>
           <DropdownMenuItem>New Team</DropdownMenuItem>