import { Button } from "antd";
import React from "react";
import { useTranslation } from "react-i18next";
import { SyncOutlined } from "@ant-design/icons";
import { useHistory } from "react-router-dom";

export default function JobSyncButton({ job }) {
  const { t } = useTranslation();
  const history = useHistory();
  const handleClick = () => {
    history.push(
      `/manage/available?availableJobId=${job.available_jobs[0].id}&clm_no=${job.clm_no}`
    );
  };
  if (job && job.available_jobs && job.available_jobs.length > 0)
    return (
      <Button onClick={handleClick}>
        <SyncOutlined />
        {t("jobs.actions.sync")}
      </Button>
    );
  else return null;
}