formatSecretColumns() — supabase Function Reference

Architecture documentation for the formatSecretColumns() function in Secrets.utils.tsx from the supabase codebase.

Function tsx ContentManagement MediaManagement called by 1

Entity Profile

ContentManagement→ MediaManagement→ formatSecretColumns() — supabase Function Reference

Dependency Diagram

graph TD
  fbf17bcf_c38b_443a_2656_70206e6c0a8f["formatSecretColumns()"]
  9be42c55_67a4_6c60_26ec_df4d90e32819["SecretsManagement()"]
  9be42c55_67a4_6c60_26ec_df4d90e32819 -->|calls| fbf17bcf_c38b_443a_2656_70206e6c0a8f
  style fbf17bcf_c38b_443a_2656_70206e6c0a8f fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/studio/components/interfaces/Integrations/Vault/Secrets/Secrets.utils.tsx lines 16–57

export const formatSecretColumns = ({
  onSelectEdit,
  onSelectRemove,
}: {
  onSelectEdit: (secret: VaultSecret) => void
  onSelectRemove: (secret: VaultSecret) => void
}): Column<VaultSecret>[] => {
  return SECRET_TABLE_COLUMNS.map((col) => {
    const result: Column<VaultSecret> = {
      key: col.id,
      name: col.name,
      minWidth: col.minWidth ?? 100,
      maxWidth: col.maxWidth,
      width: col.width,
      resizable: false,
      sortable: false,
      draggable: false,
      headerCellClass: undefined,
      renderHeaderCell: () => {
        return (
          <div
            className={cn(
              'flex items-center justify-between font-normal text-xs w-full',
              col.id === 'secret' && 'ml-8'
            )}
          >
            <p className="!text-foreground">{col.name}</p>
          </div>
        )
      },
      renderCell: ({ row }) => (
        <SecretRow
          row={row}
          col={col}
          onSelectEdit={onSelectEdit}
          onSelectRemove={onSelectRemove}
        />
      ),
    }
    return result
  })
}