MobileLink() — ui Function Reference

Architecture documentation for the MobileLink() function in mobile-nav.tsx from the ui codebase.

Function tsx Internationalization Dictionary

Entity Profile

Internationalization→ Dictionary→ MobileLink() — ui Function Reference

Dependency Diagram

graph TD
  377d7624_149a_dea8_9db9_1aff499272e9["MobileLink()"]
  3ebe3c62_190a_09b6_acf9_05afe2221686["mobile-nav.tsx"]
  377d7624_149a_dea8_9db9_1aff499272e9 -->|defined in| 3ebe3c62_190a_09b6_acf9_05afe2221686
  style 377d7624_149a_dea8_9db9_1aff499272e9 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/components/mobile-nav.tsx lines 186–211

function MobileLink({
  href,
  onOpenChange,
  className,
  children,
  ...props
}: LinkProps & {
  onOpenChange?: (open: boolean) => void
  children: React.ReactNode
  className?: string
}) {
  const router = useRouter()
  return (
    <Link
      href={href}
      onClick={() => {
        router.push(href.toString())
        onOpenChange?.(false)
      }}
      className={cn("flex items-center gap-2 text-2xl font-medium", className)}
      {...props}
    >
      {children}
    </Link>
  )
}