Deploy List

Deployments, newest first. A running deploy shows an indeterminate bar rather than a fabricated percentage — a number nobody can compute is worse than admitting you cannot.

src/components/ui/deploy-list.tsx

About

From the component's own source, where it was written.

Deployments, newest first.

A running deploy shows an indeterminate bar rather than a fake percentage — a progress number nobody can compute is worse than admitting you cannot.

Install

npx astralyx-ui add deploy-list

Usage

import { DeployList } from '@/components/ui/deploy-list'

<DeployList deploys={deploys} onRedeploy={redeploy} />

Composer

Change the props and the source below follows.

Readyproduction4h ago

Drop Radix, add own Slot primitive

maina1b2c3d Ada Lovelace 3m 12s

Visit

Buildingpreviewjust now

Prompt input and context picker

feat/aib2c3d4e Grace Hopper

Failedpreviewyesterday

Fix switch thumb contrast

fix/switchc3d4e5f Alan Turing 41s

Canceledstaging2d ago

Bump Tailwind

nextd4e5f6a Katherine Johnson 12s

Props

onRedeploy

tsx

<DeployList
  deploys={deploys}
  onRedeploy={redeploy}
/>

Examples

Mixed states

tsx

<DeployList deploys={deploys} onRedeploy={redeploy} />

API

Generated from the source, so it cannot fall behind the code. One table per exported component, then hooks, functions and types.

`DeployList`

Deployments, newest first.

Extends ComponentProps<'div'>.

Prop	Type	Default	Description
deploys	Deploy[]	required	{ id, environment, status, branch, commit, message, author, duration?, when, url? }
onRedeploy	(id: string) => void	—	Adds a redeploy action to every row when provided.

Functions

Function	Signature	Description
formatDuration	(seconds: number) => string	—

Types

`Deploy`

Field	Type	Description
id	string	—
environment	'production' \| 'preview' \| 'staging'	Each gets its own colour, so the target is readable at a glance.
status	'ready' \| 'building' \| 'failed' \| 'canceled'	Drives the badge colour, and whether the progress bar appears.
branch	string	—
commit	string	—
message	string	—
author	string	—
duration?	number	Seconds. Omit while building.
when	string	—
url?	string	—