Доабвлена блокировка импорта/экспорта для страниц кроме "План" и "Факт"

src/pages/WellOperations/ImportExportBar.jsx

@@ -1,4 +1,4 @@
-import { Button, Tooltip, Modal } from "antd";
+import { Button, Tooltip, Modal } from 'antd'
 import {useState} from 'react'
 import { FileOutlined, ImportOutlined, ExportOutlined } from '@ant-design/icons'
 import { download } from '../../components/factory'
@@ -6,7 +6,7 @@ import { ImportOperations } from './ImportOperations'
 
 const style = {margin:4}
 
-export const ImportExportBar = ({idWell, onImported}) =>{
+export const ImportExportBar = ({idWell, onImported, disabled}) =>{
   const [isImportModalVisible, setIsImportModalVisible] = useState(false)
 
   const downloadTemplate = async () => download(`/api/well/${idWell}/wellOperations/tamplate`)
@@ -19,29 +19,32 @@ export const ImportExportBar = ({idWell, onImported}) =>{
   }
 
   return <>
-    <Tooltip title = "Импорт - загрузить файл с операциями на сервер">
+    <Tooltip title = 'Импорт - загрузить файл с операциями на сервер'>
       <Button 
+        disabled={disabled}
         icon={<ImportOutlined/>} 
         style={style}
         onClick={_=>setIsImportModalVisible(true)}/>
     </Tooltip>
 
-    <Tooltip title = "Экспорт - скачать файл с операциями по скважине">
+    <Tooltip title = 'Экспорт - скачать файл с операциями по скважине'>
       <Button 
+        disabled={disabled}
         icon={<ExportOutlined/>} 
         style={style}
         onClick={downloadExport}/>
     </Tooltip>
 
-    <Tooltip title = "Скачать шаблон">
+    <Tooltip title = 'Скачать шаблон для импорта операций'>
       <Button 
+        disabled={disabled}
         icon={<FileOutlined/>} 
         style={style}
         onClick={downloadTemplate}/>
     </Tooltip>
 
     <Modal
-      title='Импорт'
+      title='Импорт операций'
       visible={isImportModalVisible}
       onCancel={_=>setIsImportModalVisible(false)}
 

src/pages/WellOperations/index.jsx

@@ -13,11 +13,11 @@ const { Content } = Layout
 export default function WellOperations({idWell}) {
   let {tab} = useParams()
   let history = useHistory()
-  const rootPath = `/well/${idWell}/operations`;
+  const rootPath = `/well/${idWell}/operations`
   
-  const onImported = () => {
-    history.push(`${rootPath}`)
-  }
+  const onImported = () => history.push(`${rootPath}`)
+
+  const isIEBarDisabled = !["plan", "fact"].includes(tab)
 
   return(<>
     <Menu
@@ -43,7 +43,7 @@ export default function WellOperations({idWell}) {
         <Menu.Item key="composite" icon={<FolderOutlined />}>
           <Link to={`${rootPath}/composite`}>Композитная скважина</Link>
         </Menu.Item>
-        <ImportExportBar idWell={idWell} onImported={onImported}/>
+        <ImportExportBar idWell={idWell} disabled={isIEBarDisabled} onImported={onImported}/>
     </Menu>
     <Layout>
         <Content className="site-layout-background">