a

components/nav-user.tsx

@@ -4,9 +4,9 @@ import * as React from "react"
 
 import {
     BadgeCheck,
-    Bell,
     ChevronsUpDown,
     CreditCard,
+    HelpCircle,
     LogOut,
     Sparkles,
 } from "lucide-react"
@@ -32,6 +32,7 @@ import {
     useSidebar,
 } from "@/components/ui/sidebar"
 import { useAuthActions } from "@convex-dev/auth/react"
+import { useRouter } from "next/navigation"
 
 export function NavUser({
     user,
@@ -44,6 +45,7 @@ export function NavUser({
 }) {
     const { isMobile } = useSidebar()
     const { signOut } = useAuthActions()
+    const router = useRouter()
     const seed = React.useMemo(() => {
         const base = user.email || user.name || "";
         return base.trim() || "user";
@@ -98,27 +100,28 @@ export function NavUser({
                         </DropdownMenuLabel>
                         <DropdownMenuSeparator />
                         <DropdownMenuGroup>
-                            <DropdownMenuItem>
+                            <DropdownMenuItem onSelect={() => router.push("/settings?tab=upgrade")}>
                                 <Sparkles />
                                 Upgrade to Pro
                             </DropdownMenuItem>
                         </DropdownMenuGroup>
                         <DropdownMenuSeparator />
                         <DropdownMenuGroup>
-                            <DropdownMenuItem>
+                            <DropdownMenuItem onSelect={() => router.push("/settings?tab=account")}>
                                 <BadgeCheck />
                                 Account
                             </DropdownMenuItem>
-                            <DropdownMenuItem>
+                            <DropdownMenuItem onSelect={() => router.push("/settings?tab=billing")}>
                                 <CreditCard />
                                 Billing
                             </DropdownMenuItem>
-                            <DropdownMenuItem>
-                                <Bell />
-                                Notifications
-                            </DropdownMenuItem>
                         </DropdownMenuGroup>
                         <DropdownMenuSeparator />
+                        <DropdownMenuItem onSelect={() => router.push("/help")}>
+                            <HelpCircle />
+                            Support
+                        </DropdownMenuItem>
+                        <DropdownMenuSeparator />
                         <DropdownMenuItem onClick={() => signOut()}>
                             <LogOut />
                             Log out