getCellRenderer() — supabase Function Reference

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

Function tsx ContentManagement Collections calls 1 called by 1

Entity Profile

ContentManagement→ Collections→ getCellRenderer() — supabase Function Reference

Dependency Diagram

graph TD
  2ed5107f_c0f9_3268_cc9e_fbe41b586c43["getCellRenderer()"]
  68372542_2f36_da50_23ab_dbe74b8156c6["getGridColumns()"]
  68372542_2f36_da50_23ab_dbe74b8156c6 -->|calls| 2ed5107f_c0f9_3268_cc9e_fbe41b586c43
  f408eee9_b826_a01c_88d5_bce319f3f146["withPendingAddPlaceholders()"]
  2ed5107f_c0f9_3268_cc9e_fbe41b586c43 -->|calls| f408eee9_b826_a01c_88d5_bce319f3f146
  style 2ed5107f_c0f9_3268_cc9e_fbe41b586c43 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/studio/components/grid/utils/gridColumns.tsx lines 219–255

function getCellRenderer(
  columnDef: SupaColumn,
  columnType: ColumnType,
  metadata: { tableId?: number }
) {
  let formatter: React.ComponentType<RenderCellProps<SupaRow, unknown>>

  switch (columnType) {
    case 'boolean': {
      formatter = BooleanFormatter
      break
    }
    case 'foreign_key': {
      if (!columnDef.isUpdatable) {
        formatter = DefaultFormatter
      } else {
        // eslint-disable-next-line react/display-name
        formatter = (p: any) => <ForeignKeyFormatter {...p} tableId={metadata.tableId} />
      }
      break
    }
    case 'binary': {
      formatter = BinaryFormatter
      break
    }
    case 'json': {
      formatter = JsonFormatter
      break
    }
    default: {
      formatter = DefaultFormatter
    }
  }

  // Wrap all formatters to handle pending add row placeholders
  return withPendingAddPlaceholders(formatter, columnDef)
}