Home / Function/ HeaderNew() — supabase Function Reference

HeaderNew() — supabase Function Reference

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

Function tsx ContentManagement MediaManagement calls 2

Entity Profile

Dependency Diagram

graph TD
  23af4152_9acc_7969_59e9_33633b3885f0["HeaderNew()"]
  f63f4564_6bb2_15aa_3f4f_ea5e109f98ca["useInitializeFiltersFromUrl()"]
  23af4152_9acc_7969_59e9_33633b3885f0 -->|calls| f63f4564_6bb2_15aa_3f4f_ea5e109f98ca
  b1e90d00_5319_8a17_7c2e_36f2fb1e164c["useSyncFiltersToUrl()"]
  23af4152_9acc_7969_59e9_33633b3885f0 -->|calls| b1e90d00_5319_8a17_7c2e_36f2fb1e164c
  style 23af4152_9acc_7969_59e9_33633b3885f0 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/studio/components/grid/components/header/HeaderNew.tsx lines 54–83

export const HeaderNew = ({
  customHeader,
  isRefetching,
  tableQueriesEnabled = true,
}: HeaderProps) => {
  useInitializeFiltersFromUrl()

  useSyncFiltersToUrl()

  const snap = useTableEditorTableStateSnapshot()
  const showInsertButton = snap.selectedRows.size === 0

  return (
    <div>
      <div className="flex h-10 items-center justify-between bg-dash-sidebar dark:bg-surface-100 px-1.5 py-1.5 gap-2 overflow-x-auto ">
        {customHeader ? (
          customHeader
        ) : snap.selectedRows.size > 0 ? (
          <RowHeader tableQueriesEnabled={tableQueriesEnabled} />
        ) : (
          <DefaultHeader tableQueriesEnabled={tableQueriesEnabled} isRefetching={isRefetching} />
        )}
        <div className="flex items-center gap-2">
          <GridHeaderActions table={snap.originalTable} isRefetching={isRefetching} />
          {showInsertButton && <InsertButton />}
        </div>
      </div>
    </div>
  )
}

Domain

Subdomains

Calls

Source

Frequently Asked Questions

What does HeaderNew() do?
HeaderNew() is a function in the supabase codebase.
What does HeaderNew() call?
HeaderNew() calls 2 function(s): useInitializeFiltersFromUrl, useSyncFiltersToUrl.

Analyze Your Own Codebase

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

Try Supermodel Free