Move drillingProgramButton into documentTemplate header

src/pages/Documents/DocumentsTemplate.jsx

@@ -17,7 +17,7 @@ const pageSize = 12
 const { RangePicker } = DatePicker
 const { Search } = Input
 
-export default function DocumentsTemplate({ idCategory, idWell, accept, onChange }) {
+export default function DocumentsTemplate({ idCategory, idWell, accept, headerChild, onChange }) {
   const [page, setPage] = useState(1)
   const [filterDataRange, setFilterDataRange] = useState([])
   const [filterCompanyName, setFilterCompanyName] = useState([])
@@ -181,6 +181,8 @@ export default function DocumentsTemplate({ idCategory, idWell, accept, onChange
             onUploadStart={() => setShowLoader(true)}
             onUploadComplete={handleUploadComplete}/>
         </div>
+        &nbsp;&nbsp;
+        {headerChild}
       </div>
 
       <EditableTable

src/pages/Documents/DrillingProgram.jsx

@@ -35,18 +35,25 @@ export default function DrillingProgram({idWell}) {
     }
   }
 
-  return(<LoaderPortal show={showLoader}>
+  const downloadButton = <div>
+    <span>Программа бурения</span>
+    <div>
       <Tooltip title={tooltip}>
         <Button 
           onClick={downloadProgram}
           disabled={!downloadButtonEnabled}>
-        Сформировать программу бурения
+          Сформировать и скачать
         </Button>
       </Tooltip>
+    </div>
+  </div>
+
+  return(<LoaderPortal show={showLoader}>
       <DocumentsTemplate
         idWell={idWell}
         idCategory={idFileCategoryDrillingProgramItems}
         accept='.xlsx'
-        onChange={filesUpdated}/>
+        headerChild={downloadButton}
+        onChange={filesUpdated} />
     </LoaderPortal>)
 }