screencastgen

JobCard

Clickable job summary card for the dashboard grid.

Source: web/frontend/src/components/JobCard.tsx

---

Props

{
  job: Job
}

---

Displays

• Pipeline type badge
• Status badge (colored)
• Job ID (first 8 characters)
• Progress bar (if running) via ProgressBar Component
• Creation date

Links to /jobs/{id} → JobDetail Page

---

Styling

• Hover shadow effect
• Rounded card with padding
• Status-colored badge

---

Used By

• Dashboard Page — Grid of job cards

---

See Also

• Dashboard Page — Parent page
• JobDetail Page — Navigation target
• ProgressBar Component — Inline progress

This site is open source. Improve this page.