ActionStatusBadgeCondensed() — supabase Function Reference

Source Code

apps/studio/components/interfaces/BranchManagement/ActionStatusBadge.tsx lines 34–71

export const ActionStatusBadgeCondensed = ({
  children,
  status,
  details,
}: PropsWithChildren<{
  status: ActionStatus
  details: Array<ActionRunStep>
}>) => {
  if (status === 'EXITED') {
    return null
  }

  const isUnhealthy = UNHEALTHY_STATUES.includes(status)
  const isWaiting = WAITING_STATUSES.includes(status)

  return (
    <Tooltip>
      <TooltipTrigger>
        <Badge variant={isUnhealthy ? 'destructive' : 'default'} className="gap-1.5">
          {(isUnhealthy || isWaiting) && (
            <StatusIcon variant={isUnhealthy ? 'destructive' : 'default'} hideBackground />
          )}
          {children}
        </Badge>
      </TooltipTrigger>
      <TooltipContent>
        Additional {STATUS_TO_LABEL[status]} steps:
        <ul>
          {details.map((step) => (
            <li key={step.name} className="before:content-['-'] before:mr-0.5">
              {NAME_TO_LABEL[step.name]}
            </li>
          ))}
        </ul>
      </TooltipContent>
    </Tooltip>
  )
}