mirror of https://github.com/portainer/portainer
34 lines
748 B
TypeScript
34 lines
748 B
TypeScript
import { useEnvironmentId } from '@/react/hooks/useEnvironmentId';
|
|
|
|
import { PageHeader } from '@@/PageHeader';
|
|
|
|
import { useJobs } from './useJobs';
|
|
import { JobsDatatable } from './JobsDatatable';
|
|
|
|
export function JobsView() {
|
|
const environmentId = useEnvironmentId();
|
|
const jobsQuery = useJobs(environmentId);
|
|
|
|
async function reloadData() {
|
|
await jobsQuery.refetch();
|
|
}
|
|
|
|
return (
|
|
<>
|
|
<PageHeader
|
|
title="Nomad Job list"
|
|
breadcrumbs={[{ label: 'Nomad Jobs' }]}
|
|
reload
|
|
loading={jobsQuery.isLoading}
|
|
onReload={reloadData}
|
|
/>
|
|
|
|
<JobsDatatable
|
|
jobs={jobsQuery.data || []}
|
|
refreshData={reloadData}
|
|
isLoading={jobsQuery.isLoading}
|
|
/>
|
|
</>
|
|
);
|
|
}
|