asb_cloud_front/src/pages/Report/ReportCreationNotify.jsx

import { Progress } from "antd"
import { download, notify } from "../../components/factory"

export const getReportFile = async (idWell, reportName) => {
  try {
    await download(`/api/well/${idWell}/report/${reportName}`, reportName)
  } catch (error) {
    notify(`Не удалось скачать отчет ${reportName} по скважине (${idWell})`, 'error')
    console.log(error)
  }
}

export const ReportCreationNotify = ({idWell, progressData}) => {
  progressData = progressData ?? {progress: 0.0, operation: 'Создание отчета', reportName: ''} 

  return (
  <>
      <Progress percent={ progressData.progress } />
      <br />
      <span> { progressData.operation } </span>
      <br />
      <button onClick={event => {getReportFile(idWell, progressData.reportName)}}
        download={progressData.reportName}>
        { progressData.reportName } 
      </button>
  </>
  )
}