HeaderLogo() — supabase Function Reference

Architecture documentation for the HeaderLogo() function in TopNavBar.tsx from the supabase codebase.

Function tsx DocumentationSystem ReferenceGen calls 1

Entity Profile

DocumentationSystem→ ReferenceGen→ HeaderLogo() — supabase Function Reference

Dependency Diagram

graph TD
  6c7e082c_60da_ed40_b064_a66d9152b030["HeaderLogo()"]
  69ce9cdf_2251_a961_e540_8a99edaead0b["getCustomContent()"]
  6c7e082c_60da_ed40_b064_a66d9152b030 -->|calls| 69ce9cdf_2251_a961_e540_8a99edaead0b
  style 6c7e082c_60da_ed40_b064_a66d9152b030 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/docs/components/Navigation/NavigationMenu/TopNavBar.tsx lines 94–126

const HeaderLogo = memo(() => {
  const { navigationLogo } = getCustomContent(['navigation:logo'])

  return (
    <Link
      href="/"
      className={cn(
        buttonVariants({ type: 'default' }),
        'flex shrink-0 items-center w-fit !bg-transparent !border-none !shadow-none'
      )}
    >
      <Image
        className={cn('hidden dark:block !m-0', largeLogo && 'h-[36px]')}
        src={navigationLogo?.dark ?? '/docs/supabase-dark.svg'}
        priority={true}
        loading="eager"
        width={navigationLogo?.width ?? 96}
        height={navigationLogo?.height ?? 18}
        alt="Supabase wordmark"
      />
      <Image
        className={cn('block dark:hidden !m-0', largeLogo && 'h-[36px]')}
        src={navigationLogo?.light ?? '/docs/supabase-light.svg'}
        priority={true}
        loading="eager"
        width={navigationLogo?.width ?? 96}
        height={navigationLogo?.height ?? 18}
        alt="Supabase wordmark"
      />
      <span className="font-mono text-sm font-medium text-brand-link mb-px">DOCS</span>
    </Link>
  )
})