import { InformationPanel } from '@@/InformationPanel';
import { PageHeader } from '@@/PageHeader';

import { EdgeJobsDatatable } from './EdgeJobsDatatable';

export function ListView() {
  return (
    <>
      <PageHeader title="Edge Jobs" breadcrumbs="Edge Jobs" reload />

      <InformationPanel title="Information">
        <p className="small text-muted">
          Edge Jobs requires Docker Standalone and a cron implementation that
          reads jobs from <code>/etc/cron.d</code>
        </p>
      </InformationPanel>

      <EdgeJobsDatatable />
    </>
  );
}