Home / Function/ CompoundRefLink() — supabase Function Reference

CompoundRefLink() — supabase Function Reference

Architecture documentation for the CompoundRefLink() function in Reference.navigation.client.tsx from the supabase codebase.

Function tsx DocumentationSystem ReferenceGen calls 2

Entity Profile

Dependency Diagram

graph TD
  17ffa18c_6fb8_d700_8e17_494a07a6e141["CompoundRefLink()"]
  0547f6d5_1310_fdf7_d2ea_5e8a160ea36f["useCompoundRefLinkActive()"]
  17ffa18c_6fb8_d700_8e17_494a07a6e141 -->|calls| 0547f6d5_1310_fdf7_d2ea_5e8a160ea36f
  5421e3b4_c81a_c353_8378_0414da07f5d9["getLinkStyles()"]
  17ffa18c_6fb8_d700_8e17_494a07a6e141 -->|calls| 5421e3b4_c81a_c353_8378_0414da07f5d9
  style 17ffa18c_6fb8_d700_8e17_494a07a6e141 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/docs/features/docs/Reference.navigation.client.tsx lines 324–371

function CompoundRefLink({
  basePath,
  section,
}: {
  basePath: string
  section: AbbrevApiReferenceSection
}) {
  const { open, setOpen, isActive } = useCompoundRefLinkActive(basePath, section)

  return (
    <Collapsible.Root open={open} onOpenChange={setOpen}>
      <Collapsible.Trigger asChild disabled={isActive}>
        <button
          className={cn(
            'group',
            'cursor-pointer',
            'w-full',
            'flex items-center justify-between gap-2'
          )}
        >
          <span className={getLinkStyles(false)}>{section.title}</span>
          <ChevronUp
            width={16}
            className={cn(
              'group-disabled:cursor-not-allowed group-disabled:opacity-10',
              'data-open-parent:rotate-0 data-closed-parent:rotate-90',
              'transition'
            )}
          />
        </button>
      </Collapsible.Trigger>
      <Collapsible.Content
        className={cn('border-l border-control pl-3 ml-1 data-open:mt-2 grid gap-2.5')}
      >
        <ul className="space-y-2">
          <RefLink basePath={basePath} section={section} skipChildren />
          {(section.items || []).map((item, idx) => {
            return (
              <li key={`${section.id}-${idx}`}>
                <RefLink basePath={basePath} section={item} />
              </li>
            )
          })}
        </ul>
      </Collapsible.Content>
    </Collapsible.Root>
  )
}

Domain

Subdomains

Calls

Source

Frequently Asked Questions

What does CompoundRefLink() do?
CompoundRefLink() is a function in the supabase codebase.
What does CompoundRefLink() call?
CompoundRefLink() calls 2 function(s): getLinkStyles, useCompoundRefLinkActive.

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free