formatCronJobColumns() — supabase Function Reference

Architecture documentation for the formatCronJobColumns() function in CronJobs.utils.tsx from the supabase codebase.

Function tsx ContentManagement AccessControl called by 1

Entity Profile

ContentManagement→ AccessControl→ formatCronJobColumns() — supabase Function Reference

Dependency Diagram

graph TD
  48ed8408_4785_11cd_f1ca_334a6290780f["formatCronJobColumns()"]
  4aa23104_375b_2179_f30c_8719c622dc59["CronjobsTab()"]
  4aa23104_375b_2179_f30c_8719c622dc59 -->|calls| 48ed8408_4785_11cd_f1ca_334a6290780f
  style 48ed8408_4785_11cd_f1ca_334a6290780f fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/studio/components/interfaces/Integrations/CronJobs/CronJobs.utils.tsx lines 225–266

export const formatCronJobColumns = ({
  onSelectEdit,
  onSelectDelete,
}: {
  onSelectEdit: (job: CronJob) => void
  onSelectDelete: (job: CronJob) => void
}): Array<Column<CronJob>> => {
  return CRON_TABLE_COLUMNS.map((col) => {
    const res: Column<CronJob> = {
      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 === 'jobname' && 'ml-8'
            )}
          >
            <p className="!text-foreground">{col.name}</p>
          </div>
        )
      },
      renderCell: ({ row }) => (
        <CronJobTableCell
          row={row}
          col={col}
          onSelectEdit={onSelectEdit}
          onSelectDelete={onSelectDelete}
        />
      ),
    }
    return res
  })
}