DeletionProgress() — supabase Function Reference

Source Code

apps/studio/components/interfaces/Integrations/CronJobs/CronJobsTab.CleanupNotice.tsx lines 202–225

const DeletionProgress = ({ progress, onCancel }: DeletionProgressProps) => {
  const { currentBatch, totalBatches, totalRowsDeleted } = progress
  const percentComplete =
    totalBatches > 0 ? Math.min(Math.round((currentBatch / totalBatches) * 100), 100) : 0

  return (
    <div className="space-y-2">
      <div className="flex items-center gap-3">
        <Progress value={percentComplete} className="flex-1 h-2" />
        <span className="text-xs text-foreground-light whitespace-nowrap">
          {percentComplete}% ({currentBatch}/{totalBatches} batches)
        </span>
      </div>
      <div className="flex items-center justify-between">
        <span className="text-xs text-foreground-light">
          Deleted {totalRowsDeleted.toLocaleString()} rows so far...
        </span>
        <Button type="outline" size="tiny" onClick={onCancel}>
          Cancel
        </Button>
      </div>
    </div>
  )
}