asb_cloud_front/src/pages/Documents/DrillingProgram.jsx

import {Button, Tooltip} from 'antd'
import { useState } from "react"
import {invokeWebApiWrapperAsync, download} from '../../components/factory'
import DocumentsTemplate from './DocumentsTemplate'
import LoaderPortal from '../../components/LoaderPortal'

const idFileCategoryDrillingProgramItems = 13;

export default function DrillingProgram({idWell}) {
  const [downloadButtonEnabled, selDownloadButtonEnabled] = useState(false)
  const [showLoader, setShowLoader] = useState(false)
  const [tooltip, setTooltip] = useState('нет файлов для формирования')
  
  const urlDownloadProgram =`/api/well/${idWell}/drillingProgram`

  const downloadProgram = () => invokeWebApiWrapperAsync(async()=>{
    await download(urlDownloadProgram)
  }, 
  setShowLoader,
  "Не удалось загрузить программу бурения")

  const filesUpdated = (files) =>{
    if(!files || files.length === 0){
      setTooltip('Нет файлов для формирования программы')
      selDownloadButtonEnabled(false)
      return
    }
    
    if(files.every(fileInfo => fileInfo?.name.endsWith('.xlsx'))){
      setTooltip('Программа доступна для скачивания')
      selDownloadButtonEnabled(true)
    }
    else{
      setTooltip('Список файлов содержит недопустимые типы файлов')
    }
  }

  return(<LoaderPortal show={showLoader}>
    <Tooltip title={tooltip}>
      <Button 
        onClick={downloadProgram}
        disabled={!downloadButtonEnabled}>
        Сформировать программу бурения
      </Button>
    </Tooltip>
      <DocumentsTemplate
        idWell={idWell}
        idCategory={idFileCategoryDrillingProgramItems}
        accept='.xlsx'
        onChange={filesUpdated}/>
    </LoaderPortal>)
}