Paul Payne
ab10ca74fe
Reorder the sidebar so Gateway sits right under Overview. Replace the Scheduled and Program tables with card grids matching Services: add JobCard and ProgramCard, convert ScheduledSection to a JobCard grid, and turn the former ProgramTable into a filterable ProgramCard grid (renamed ProgramList; kept the search box, dropped the sortable table). Remove the now-orphaned SortHeader component.
21 lines
590 B
TypeScript
21 lines
590 B
TypeScript
import { useMemo } from "react"
|
|
import type { JobSummary, HealthStatus } from "@/types"
|
|
import { JobCard } from "./JobCard"
|
|
|
|
interface ScheduledSectionProps {
|
|
jobs: JobSummary[]
|
|
statuses: HealthStatus[]
|
|
}
|
|
|
|
export function ScheduledSection({ jobs, statuses }: ScheduledSectionProps) {
|
|
const statusMap = useMemo(() => new Map(statuses.map((s) => [s.id, s])), [statuses])
|
|
|
|
return (
|
|
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
|
|
{jobs.map((job) => (
|
|
<JobCard key={job.id} job={job} health={statusMap.get(job.id)} />
|
|
))}
|
|
</div>
|
|
)
|
|
}
|