import React from "react";
import { Link } from "react-router-dom";
import { Button } from "antd";
import JobsAvailableContainer from "../../components/jobs-available-new/jobs-available-new.container";
import JobsAvailableSupplementContainer from "../../components/jobs-available-supplement/jobs-available-supplement.container";
import { useTranslation } from "react-i18next";
export default function JobsAvailablePageComponent({
  deleteJob,
  estDataLazyLoad
}) {
  const { t } = useTranslation();
  return (
    <div>
      <Link to="/manage/jobs/new">
        <Button>{t("jobs.actions.manualnew")}</Button>
      </Link>
      
      <JobsAvailableContainer
        deleteJob={deleteJob}
        estDataLazyLoad={estDataLazyLoad}
      />

      <JobsAvailableSupplementContainer
        deleteJob={deleteJob}
        estDataLazyLoad={estDataLazyLoad}
      />
    </div>
  );
}
