From d14513e249bd1f30d89bbd64c14124711f482843 Mon Sep 17 00:00:00 2001
From: goodmice <av.sirotkin@autodrilling.ru>
Date: Thu, 13 Oct 2022 18:49:26 +0500
Subject: [PATCH] =?UTF-8?q?=D0=9F=D0=BE=D0=B4=D0=B3=D0=BE=D1=82=D0=BE?=
 =?UTF-8?q?=D0=B2=D0=BA=D0=B0=20=D0=BA=20=D0=BE=D0=B1=D0=BD=D0=BE=D0=B2?=
 =?UTF-8?q?=D0=BB=D0=B5=D0=BD=D0=B8=D1=8E=20AntD=20=D0=B8=20=D0=BC=D0=B5?=
 =?UTF-8?q?=D0=BB=D0=BA=D0=B8=D0=B5=20=D0=B8=D1=81=D0=BF=D1=80=D0=B0=D0=B2?=
 =?UTF-8?q?=D0=BB=D0=B5=D0=BD=D0=B8=D1=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ChangePassword.tsx             |  2 +-
 src/components/ColorPicker.tsx                |  2 +-
 src/components/Table/TableSettingsChanger.tsx |  2 +-
 .../d3/monitoring/D3MonitoringEditor.tsx      |  2 +-
 src/components/selectors/Poprompt.tsx         |  4 +-
 .../widgets/WidgetSettingsWindow.tsx          |  2 +-
 src/pages/AdminPanel/AdminNavigationMenu.jsx  |  1 -
 src/pages/Cluster/ClusterWells.jsx            |  6 +--
 src/pages/Cluster/CompaniesTable.jsx          | 10 +++--
 src/pages/Cluster/WellOperationsTable.jsx     |  4 +-
 .../WellCompositeEditor/NewParamsTable.jsx    |  4 +-
 .../WellCompositeSections.jsx                 | 38 +++++++++++--------
 .../Analytics/WellCompositeEditor/index.jsx   | 15 ++++----
 .../Well/DrillingProgram/CategoryEditor.jsx   |  2 +-
 .../Well/DrillingProgram/CategoryHistory.jsx  |  2 +-
 src/pages/Well/Measure/InclinometryTable.jsx  |  2 +-
 src/pages/Well/NavigationMenu.jsx             |  1 -
 .../Well/Reports/DailyReport/ReportEditor.jsx |  2 +-
 .../Well/Telemetry/Operations/DrillerList.jsx |  2 +-
 .../Telemetry/Operations/DrillerSchedule.jsx  |  2 +-
 .../Telemetry/Operations/TargetEditor.jsx     |  2 +-
 .../Setpoints/SetpointSender.jsx              |  2 +-
 .../Setpoints/SetpointViewer.jsx              |  2 +-
 .../TelemetryView/Setpoints/index.jsx         |  2 +-
 .../TelemetryView/WirelineRunOut.jsx          |  2 +-
 src/pages/Well/WellCase/WellCaseEditor.jsx    |  2 +-
 src/pages/Well/WellCase/index.jsx             |  2 +-
 .../Well/WellOperations/ImportExportBar.jsx   |  2 +-
 src/pages/Well/index.jsx                      |  2 -
 src/styles/App.less                           |  8 ++++
 30 files changed, 74 insertions(+), 57 deletions(-)

diff --git a/src/components/ChangePassword.tsx b/src/components/ChangePassword.tsx
index e1ec41f..dc4c5bd 100755
--- a/src/components/ChangePassword.tsx
+++ b/src/components/ChangePassword.tsx
@@ -63,7 +63,7 @@ export const ChangePassword = memo<ChangePasswordProps>(({ user, visible, onCanc
                     {user && <>&nbsp;(<UserView user={user} />)</>}
                 </>
             )}
-            visible={visible}
+            open={visible}
             onCancel={onModalCancel}
             onOk={() => form.submit()}
             okText={'Сохранить'}
diff --git a/src/components/ColorPicker.tsx b/src/components/ColorPicker.tsx
index 8e4cbef..bd8fe1a 100644
--- a/src/components/ColorPicker.tsx
+++ b/src/components/ColorPicker.tsx
@@ -106,7 +106,7 @@ export const ColorPicker = memo<ColorPickerProps>(({ value = '#AA33BB', onChange
     return (
         <Popover
             trigger={'click'}
-            onVisibleChange={onClose}
+            onOpenChange={onClose}
             content={(
                 <div className={'asb-color-picker-content'}>
                     <div className={'asb-color-picker-sliders'}>
diff --git a/src/components/Table/TableSettingsChanger.tsx b/src/components/Table/TableSettingsChanger.tsx
index d132f7a..4ca622f 100755
--- a/src/components/Table/TableSettingsChanger.tsx
+++ b/src/components/Table/TableSettingsChanger.tsx
@@ -84,7 +84,7 @@ const _TableSettingsChanger = <T extends object>({ title, columns, settings, onC
         <>
             <Modal
                 centered
-                visible={visible}
+                open={visible}
                 onCancel={onModalCancel}
                 onOk={onModalOk}
                 title={title ?? 'Настройка отображения таблицы'}
diff --git a/src/components/d3/monitoring/D3MonitoringEditor.tsx b/src/components/d3/monitoring/D3MonitoringEditor.tsx
index 84ab8d7..4fffc90 100644
--- a/src/components/d3/monitoring/D3MonitoringEditor.tsx
+++ b/src/components/d3/monitoring/D3MonitoringEditor.tsx
@@ -135,7 +135,7 @@ const _D3MonitoringEditor = <DataType extends BaseDataType>({
         <Modal
             centered
             width={800}
-            visible={visible}
+            open={visible}
             title={'Настройка групп графиков'}
             onCancel={onCancel}
             footer={(
diff --git a/src/components/selectors/Poprompt.tsx b/src/components/selectors/Poprompt.tsx
index 74f36b5..d192904 100755
--- a/src/components/selectors/Poprompt.tsx
+++ b/src/components/selectors/Poprompt.tsx
@@ -39,8 +39,8 @@ export const Poprompt = memo<PopromptProps>(({ formProps, buttonProps, footer, c
             )}
             trigger={'click'}
             {...other}
-            visible={visible}
-            onVisibleChange={(visible) => setVisible(visible)}
+            open={visible}
+            onOpenChange={(visible) => setVisible(visible)}
         >
             <Button {...buttonProps}>{text}</Button>
         </Popover>
diff --git a/src/components/widgets/WidgetSettingsWindow.tsx b/src/components/widgets/WidgetSettingsWindow.tsx
index 16b70be..351267b 100644
--- a/src/components/widgets/WidgetSettingsWindow.tsx
+++ b/src/components/widgets/WidgetSettingsWindow.tsx
@@ -20,7 +20,7 @@ export const WidgetSettingsWindow = memo<WidgetSettingsWindowProps>(({ settings,
     return (
         <Modal
             {...other}
-            visible={!!settings}
+            open={!!settings}
             title={(
                 <>
                     Настройка виджета {settings?.label ? `"${settings?.label}"` : ''}
diff --git a/src/pages/AdminPanel/AdminNavigationMenu.jsx b/src/pages/AdminPanel/AdminNavigationMenu.jsx
index 522aa91..7005099 100644
--- a/src/pages/AdminPanel/AdminNavigationMenu.jsx
+++ b/src/pages/AdminPanel/AdminNavigationMenu.jsx
@@ -36,7 +36,6 @@ export const AdminNavigationMenu = memo((props) => (
         {...props}
         items={menuItems}
         rootPath={'/admin'}
-        inlineCollapsed={true}
         selectable={false}
         mode={'inline'}
         theme={'dark'}
diff --git a/src/pages/Cluster/ClusterWells.jsx b/src/pages/Cluster/ClusterWells.jsx
index b76034b..91f877c 100755
--- a/src/pages/Cluster/ClusterWells.jsx
+++ b/src/pages/Cluster/ClusterWells.jsx
@@ -179,7 +179,7 @@ const ClusterWells = memo(({ statsWells }) => {
       <Modal
         title={'TVD'}
         centered
-        visible={isTVDModalVisible}
+        open={isTVDModalVisible}
         onCancel={() => setIsTVDModalVisible(false)}
         width={1500}
         footer={null}
@@ -192,7 +192,7 @@ const ClusterWells = memo(({ statsWells }) => {
       <Modal
         title={'Операции'}
         centered
-        visible={isOpsModalVisible}
+        open={isOpsModalVisible}
         onCancel={() => setIsOpsModalVisible(false)}
         width={1500}
         footer={null}
@@ -205,7 +205,7 @@ const ClusterWells = memo(({ statsWells }) => {
       <Modal
           title={'Участники'}
           centered
-          visible={isCompaniesModalVisible}
+          open={isCompaniesModalVisible}
           onCancel={() => setIsCompaniesModalVisible(false)}
           width={1500}
           footer={null}
diff --git a/src/pages/Cluster/CompaniesTable.jsx b/src/pages/Cluster/CompaniesTable.jsx
index 390e2bb..0b4a50c 100644
--- a/src/pages/Cluster/CompaniesTable.jsx
+++ b/src/pages/Cluster/CompaniesTable.jsx
@@ -1,10 +1,10 @@
 import { memo, useMemo } from 'react'
 import { BankOutlined } from '@ant-design/icons'
 
-import { makeTextColumn, Table } from '@components/Table'
+import { makeColumn, makeTextColumn, Table } from '@components/Table'
 
 const columns = [
-    makeTextColumn('', 'logo'),
+    makeColumn('', 'logo'),
     makeTextColumn('Название компании', 'caption'),
     makeTextColumn('Тип компании', 'companyTypeCaption'),
 ]
@@ -12,7 +12,11 @@ const columns = [
 const CompaniesTable = memo(({ companies }) => {
     const dataCompanies = useMemo(() => companies?.map((company) => ({
         key: company.id,
-        logo: company?.logo ? <img src={company.logo}/> : <BankOutlined/>,
+        logo: (
+            <div className={'centered'}>
+                {company?.logo ? <img src={company.logo}/> : <BankOutlined/>}
+            </div>
+        ),
         caption: company.caption,
         companyTypeCaption: company.companyTypeCaption,
     })), [companies])
diff --git a/src/pages/Cluster/WellOperationsTable.jsx b/src/pages/Cluster/WellOperationsTable.jsx
index b7f1692..1d2b094 100755
--- a/src/pages/Cluster/WellOperationsTable.jsx
+++ b/src/pages/Cluster/WellOperationsTable.jsx
@@ -7,8 +7,8 @@ import { getPrecision } from '@utils/functions'
 const columns = [
     makeTextColumn('Конструкция секции', 'sectionType'),
     makeTextColumn('Операция', 'operationName'),
-    makeNumericColumnPlanFact('Глубина забоя', 'depth', null, null, getPrecision),
-    makeNumericColumnPlanFact('Часы', 'durationHours', null, null, getPrecision),
+    makeNumericColumnPlanFact('Глубина забоя', 'depth', null, null, (number) => getPrecision(number)),
+    makeNumericColumnPlanFact('Часы', 'durationHours', null, null, (number) => getPrecision(number)),
     makeNumericColumnPlanFact('Комментарий', 'comment', null, null, (text) => text ?? '-')
 ]
 
diff --git a/src/pages/Well/Analytics/WellCompositeEditor/NewParamsTable.jsx b/src/pages/Well/Analytics/WellCompositeEditor/NewParamsTable.jsx
index 0f0da5b..6e9d6ef 100644
--- a/src/pages/Well/Analytics/WellCompositeEditor/NewParamsTable.jsx
+++ b/src/pages/Well/Analytics/WellCompositeEditor/NewParamsTable.jsx
@@ -7,7 +7,7 @@ import LoaderPortal from '@components/LoaderPortal'
 import { invokeWebApiWrapperAsync } from '@components/factory'
 import { DrillParamsService } from '@api'
 
-import { getColumns } from '@asb/pages/Well/WellOperations/WellDrillParams'
+import { getColumns } from '@pages/Well/WellOperations/WellDrillParams'
 
 export const NewParamsTable = memo(({ selectedWellsKeys }) => {
     const [params, setParams] = useState([])
@@ -54,7 +54,7 @@ export const NewParamsTable = memo(({ selectedWellsKeys }) => {
             <Modal
                 title={'Заполнить режимы текущей скважины'}
                 centered
-                visible={isParamsModalVisible}
+                open={isParamsModalVisible}
                 onCancel={() => setIsParamsModalVisible(false)}
                 width={1700}
                 footer={(
diff --git a/src/pages/Well/Analytics/WellCompositeEditor/WellCompositeSections.jsx b/src/pages/Well/Analytics/WellCompositeEditor/WellCompositeSections.jsx
index f9eaaaa..db9229a 100644
--- a/src/pages/Well/Analytics/WellCompositeEditor/WellCompositeSections.jsx
+++ b/src/pages/Well/Analytics/WellCompositeEditor/WellCompositeSections.jsx
@@ -1,7 +1,7 @@
 import { Link, useLocation } from 'react-router-dom'
-import { useState, useEffect, memo, useMemo } from 'react'
+import { useState, useEffect, memo, useMemo, lazy, Suspense } from 'react'
 import { LineChartOutlined, ProfileOutlined, TeamOutlined } from '@ant-design/icons'
-import { Table, Tag, Button, Badge, Divider, Modal, Row, Col } from 'antd'
+import { Table, Button, Badge, Divider, Modal, Row, Col } from 'antd'
 
 import { useWell } from '@asb/context'
 import LoaderPortal from '@components/LoaderPortal'
@@ -16,10 +16,12 @@ import {
   getOperations
 } from '@utils'
 
-import Tvd from '@asb/pages/Well/WellOperations/Tvd'
-import WellOperationsTable from '@pages/Cluster/WellOperationsTable'
 import NewParamsTable from './NewParamsTable'
-import CompaniesTable from '@pages/Cluster/CompaniesTable'
+import SuspenseFallback from '@asb/components/SuspenseFallback'
+
+const Tvd = lazy(() => import('@pages/Well/WellOperations/Tvd'))
+const CompaniesTable = lazy(() => import('@pages/Cluster/CompaniesTable'))
+const WellOperationsTable = lazy(() => import('@pages/Cluster/WellOperationsTable'))
 
 const filtersMinMax = [
   { text: 'min', value: 'min' },
@@ -222,38 +224,44 @@ const WellCompositeSections = memo(({ statsWells, selectedSections }) => {
       <Modal
         title={'TVD'}
         centered
-        visible={isTVDModalVisible}
+        open={isTVDModalVisible}
         onCancel={() => setIsTVDModalVisible(false)}
         width={1500}
         footer={null}
       >
-        <Tvd well={selectedWell} style={{ height: '80vh' }} />
+        <Suspense fallback={<SuspenseFallback style={{ minHeight: '100%' }} />}>
+          <Tvd well={selectedWell} style={{ height: '80vh' }} />
+        </Suspense>
       </Modal>
 
       <Modal
         title={'Операции'}
         centered
-        visible={isOpsModalVisible}
+        open={isOpsModalVisible}
         onCancel={() => setIsOpsModalVisible(false)}
         width={1500}
         footer={null}
       >
-        <LoaderPortal show={showLoader}>
-          <WellOperationsTable wellOperations={wellOperations} />
-        </LoaderPortal>
+        <Suspense fallback={<SuspenseFallback style={{ minHeight: '100%' }} />}>
+          <LoaderPortal show={showLoader}>
+            <WellOperationsTable wellOperations={wellOperations} />
+          </LoaderPortal>
+        </Suspense>
       </Modal>
 
       <Modal
           title={'Участники'}
           centered
-          visible={isCompaniesModalVisible}
+          open={isCompaniesModalVisible}
           onCancel={() => setIsCompaniesModalVisible(false)}
           width={1500}
           footer={null}
       >
-        <LoaderPortal show={showLoader}>
-          <CompaniesTable companies={companies} />
-        </LoaderPortal>
+        <Suspense fallback={<SuspenseFallback style={{ minHeight: '100%' }} />}>
+          <LoaderPortal show={showLoader}>
+            <CompaniesTable companies={companies} />
+          </LoaderPortal>
+        </Suspense>
       </Modal>
     </>
   )
diff --git a/src/pages/Well/Analytics/WellCompositeEditor/index.jsx b/src/pages/Well/Analytics/WellCompositeEditor/index.jsx
index f3a6c4b..c2341e1 100644
--- a/src/pages/Well/Analytics/WellCompositeEditor/index.jsx
+++ b/src/pages/Well/Analytics/WellCompositeEditor/index.jsx
@@ -1,17 +1,18 @@
 import { Navigate, Route, Routes } from 'react-router-dom'
-import { useState, useEffect, memo, Suspense } from 'react'
+import { useState, useEffect, memo, Suspense, lazy } from 'react'
 import { Row } from 'antd'
 
 import { useWell } from '@asb/context'
 import LoaderPortal from '@components/LoaderPortal'
+import SuspenseFallback from '@components/SuspenseFallback'
 import WellSelector from '@components/selectors/WellSelector'
 import { invokeWebApiWrapperAsync } from '@components/factory'
 import { arrayOrDefault, NoAccessComponent, wrapPrivateComponent } from '@utils'
 import { OperationStatService, WellCompositeService } from '@api'
 
-import ClusterWells from '@pages/Cluster/ClusterWells'
 import WellCompositeSections from './WellCompositeSections'
-import SuspenseFallback from '@asb/components/SuspenseFallback'
+
+const ClusterWells = lazy(() => import('@pages/Cluster/ClusterWells'))
 
 const properties = {
     requirements: ['OperationStat.get', 'WellComposite.get'],
@@ -64,16 +65,16 @@ const WellCompositeEditor = memo(() => {
 
     return (
         <LoaderPortal show={showLoader}>
-            <Row align={'middle'} justify={'space-between'} wrap={false} style={{ backgroundColor: 'white' }}>
+            <Row align={'middle'} justify={'space-between'} wrap={false} style={{ backgroundColor: 'white', marginBottom: '15px' }}>
                 <WellSelector onChange={setSelectedIdWells} value={selectedIdWells} />
             </Row>
             <Suspense fallback={<SuspenseFallback style={{ minHeight: '100%' }} />}>
                 <Routes>
-                    <Route index element={<Navigate to={ClusterWells.route} replace/>} />
+                    <Route index element={<Navigate to={'wells'} replace/>} />
                     <Route path={'*'} element={<NoAccessComponent />} />
 
-                    <Route path={ClusterWells.route} element={<ClusterWells statsWells={statsWells} />} />
-                    <Route path={WellCompositeSections.route} element={<WellCompositeSections statsWells={statsWells} selectedSections={selectedSections} />} />
+                    <Route path={'wells'} element={<ClusterWells statsWells={statsWells} />} />
+                    <Route path={'sections'} element={<WellCompositeSections statsWells={statsWells} selectedSections={selectedSections} />} />
                 </Routes>
             </Suspense>
         </LoaderPortal>
diff --git a/src/pages/Well/DrillingProgram/CategoryEditor.jsx b/src/pages/Well/DrillingProgram/CategoryEditor.jsx
index b1066e1..cab4df1 100644
--- a/src/pages/Well/DrillingProgram/CategoryEditor.jsx
+++ b/src/pages/Well/DrillingProgram/CategoryEditor.jsx
@@ -159,7 +159,7 @@ export const CategoryEditor = memo(({ visible, category, onClosed }) => {
         <Modal
             centered
             width={1000}
-            visible={visible}
+            open={visible}
             footer={null}
             onCancel={onModalClosed}
             title={`Редактирование пользователей категории ${title}`}
diff --git a/src/pages/Well/DrillingProgram/CategoryHistory.jsx b/src/pages/Well/DrillingProgram/CategoryHistory.jsx
index 7c3108a..b82cce6 100644
--- a/src/pages/Well/DrillingProgram/CategoryHistory.jsx
+++ b/src/pages/Well/DrillingProgram/CategoryHistory.jsx
@@ -94,7 +94,7 @@ export const CategoryHistory = ({ idCategory, visible, onClose }) => {
             title={'История категории'}
             width={1200}
             centered
-            visible={!!visible}
+            open={!!visible}
             onCancel={onClose}
             footer={(
                 <Button onClick={onClose}>Закрыть</Button>
diff --git a/src/pages/Well/Measure/InclinometryTable.jsx b/src/pages/Well/Measure/InclinometryTable.jsx
index 18d1660..2725743 100644
--- a/src/pages/Well/Measure/InclinometryTable.jsx
+++ b/src/pages/Well/Measure/InclinometryTable.jsx
@@ -35,7 +35,7 @@ export const InclinometryTable = memo(({ group, visible, onClose }) => {
         <Modal
             title={group?.title}
             centered
-            visible={visible}
+            open={visible}
             onCancel={onClose}
             width={1900}
             footer={null}
diff --git a/src/pages/Well/NavigationMenu.jsx b/src/pages/Well/NavigationMenu.jsx
index 30e75c0..1bc2ea4 100644
--- a/src/pages/Well/NavigationMenu.jsx
+++ b/src/pages/Well/NavigationMenu.jsx
@@ -68,7 +68,6 @@ export const NavigationMenu = memo((props) => (
         {...props}
         items={menuItems}
         rootPath={'/well/{wellId}'}
-        inlineCollapsed={true}
         mode={'inline'}
         theme={'dark'}
         style={{ backgroundColor: 'transparent' }}
diff --git a/src/pages/Well/Reports/DailyReport/ReportEditor.jsx b/src/pages/Well/Reports/DailyReport/ReportEditor.jsx
index c39ef39..e77fc61 100644
--- a/src/pages/Well/Reports/DailyReport/ReportEditor.jsx
+++ b/src/pages/Well/Reports/DailyReport/ReportEditor.jsx
@@ -374,7 +374,7 @@ export const ReportEditor = memo(({ visible, data, onDone, onCancel, checkIsDate
         <Modal
             centered
             width={1200}
-            visible={visible}
+            open={visible}
             onCancel={onCancel}
             okText={'Сохранить'}
             title={data ? (
diff --git a/src/pages/Well/Telemetry/Operations/DrillerList.jsx b/src/pages/Well/Telemetry/Operations/DrillerList.jsx
index a397c9c..c1b2081 100644
--- a/src/pages/Well/Telemetry/Operations/DrillerList.jsx
+++ b/src/pages/Well/Telemetry/Operations/DrillerList.jsx
@@ -53,7 +53,7 @@ export const DrillerList = memo(({ loading, drillers, onChange }) => {
                 centered
                 width={500}
                 footer={null}
-                visible={showModal}
+                open={showModal}
                 onCancel={onModalCancel}
                 title={'Список бурильщиков'}
             >
diff --git a/src/pages/Well/Telemetry/Operations/DrillerSchedule.jsx b/src/pages/Well/Telemetry/Operations/DrillerSchedule.jsx
index 437faff..2727274 100644
--- a/src/pages/Well/Telemetry/Operations/DrillerSchedule.jsx
+++ b/src/pages/Well/Telemetry/Operations/DrillerSchedule.jsx
@@ -100,7 +100,7 @@ export const DrillerSchedule = memo(({ drillers, loading, onChange }) => {
                 centered
                 width={1600}
                 footer={null}
-                visible={modalVisible}
+                open={modalVisible}
                 onCancel={onModalCancel}
                 title={'Настройка бурильщиков и расписаний'}
             >
diff --git a/src/pages/Well/Telemetry/Operations/TargetEditor.jsx b/src/pages/Well/Telemetry/Operations/TargetEditor.jsx
index 1df0c9a..69f49cf 100644
--- a/src/pages/Well/Telemetry/Operations/TargetEditor.jsx
+++ b/src/pages/Well/Telemetry/Operations/TargetEditor.jsx
@@ -96,7 +96,7 @@ export const TargetEditor = memo(({ loading, onChange }) => {
                 centered
                 width={1000}
                 footer={null}
-                visible={showModal}
+                open={showModal}
                 onCancel={onModalCancel}
                 title={'Цели бурения'}
             >
diff --git a/src/pages/Well/Telemetry/TelemetryView/Setpoints/SetpointSender.jsx b/src/pages/Well/Telemetry/TelemetryView/Setpoints/SetpointSender.jsx
index 0d7bcf4..537ed29 100644
--- a/src/pages/Well/Telemetry/TelemetryView/Setpoints/SetpointSender.jsx
+++ b/src/pages/Well/Telemetry/TelemetryView/Setpoints/SetpointSender.jsx
@@ -80,7 +80,7 @@ export const SetpointSender = memo(({ onClose, visible, setpointNames }) => {
         <Modal
             width={800}
             title={'Рекомендовать уставки'}
-            visible={visible}
+            open={visible}
             onCancel={onClose}
             onOk={onModalOk}
             okText={'Отправить'}
diff --git a/src/pages/Well/Telemetry/TelemetryView/Setpoints/SetpointViewer.jsx b/src/pages/Well/Telemetry/TelemetryView/Setpoints/SetpointViewer.jsx
index d22ccf2..c4f0ea6 100644
--- a/src/pages/Well/Telemetry/TelemetryView/Setpoints/SetpointViewer.jsx
+++ b/src/pages/Well/Telemetry/TelemetryView/Setpoints/SetpointViewer.jsx
@@ -38,7 +38,7 @@ export const SetpointViewer = memo(({ setpoint, visible, onClose, setpointNames
             width={800}
             title={`Уставка от ${date}`}
             onCancel={onClose}
-            visible={visible}
+            open={visible}
             footer={null}
         >
             <Grid>
diff --git a/src/pages/Well/Telemetry/TelemetryView/Setpoints/index.jsx b/src/pages/Well/Telemetry/TelemetryView/Setpoints/index.jsx
index 828f61c..a5822de 100644
--- a/src/pages/Well/Telemetry/TelemetryView/Setpoints/index.jsx
+++ b/src/pages/Well/Telemetry/TelemetryView/Setpoints/index.jsx
@@ -89,7 +89,7 @@ export const Setpoints = memo(({ ...other }) => {
                         </Button>
                     </>
                 )}
-                visible={isModalVisible}
+                open={isModalVisible}
                 onCancel={() => setIsModalVisible(false)}
                 footer={null}
             >
diff --git a/src/pages/Well/Telemetry/TelemetryView/WirelineRunOut.jsx b/src/pages/Well/Telemetry/TelemetryView/WirelineRunOut.jsx
index d3ef138..fd98f71 100644
--- a/src/pages/Well/Telemetry/TelemetryView/WirelineRunOut.jsx
+++ b/src/pages/Well/Telemetry/TelemetryView/WirelineRunOut.jsx
@@ -33,7 +33,7 @@ export const WirelineRunOut = memo(() => {
     return (
         <WirelineView
             wireline={twro}
-            onVisibleChange={onTooltipVisibleChanged}
+            onOpenChange={onTooltipVisibleChanged}
             buttonProps={{ loading: isLoading }}
         />
     )
diff --git a/src/pages/Well/WellCase/WellCaseEditor.jsx b/src/pages/Well/WellCase/WellCaseEditor.jsx
index e8ef061..dcc287c 100644
--- a/src/pages/Well/WellCase/WellCaseEditor.jsx
+++ b/src/pages/Well/WellCase/WellCaseEditor.jsx
@@ -117,7 +117,7 @@ export const WellCaseEditor = memo(({ categories: currentCategories, show, onClo
         <Modal
             centered
             width={1000}
-            visible={show}
+            open={show}
             onOk={onModalOk}
             onCancel={onModalCancel}
             okText={'Сохранить'}
diff --git a/src/pages/Well/WellCase/index.jsx b/src/pages/Well/WellCase/index.jsx
index 7623420..14897b8 100644
--- a/src/pages/Well/WellCase/index.jsx
+++ b/src/pages/Well/WellCase/index.jsx
@@ -62,7 +62,7 @@ const WellCase = memo(() => {
         }),
         makeDateColumn('Дата загрузки', 'uploadDate'),
         makeColumn('Ответственные', 'publishers', {
-            render: (publishers) => publishers?.map((user) => <UserView user={user} style={{ marginLeft: 10 }} />),
+            render: (publishers) => publishers?.map((user, i) => <UserView key={`${i}`} user={user} style={{ marginLeft: 10 }} />),
         }),
     ], [well, updateTable])
 
diff --git a/src/pages/Well/WellOperations/ImportExportBar.jsx b/src/pages/Well/WellOperations/ImportExportBar.jsx
index 3776ffd..3cc574a 100644
--- a/src/pages/Well/WellOperations/ImportExportBar.jsx
+++ b/src/pages/Well/WellOperations/ImportExportBar.jsx
@@ -48,7 +48,7 @@ export const ImportExportBar = memo(({ well: givenWell, onImported, disabled })
 
       <Modal
         title={'Импорт операций'}
-        visible={isImportModalVisible}
+        open={isImportModalVisible}
         onCancel={() => setIsImportModalVisible(false)}
         footer={null}
       >
diff --git a/src/pages/Well/index.jsx b/src/pages/Well/index.jsx
index 4519f2b..c61a4ba 100644
--- a/src/pages/Well/index.jsx
+++ b/src/pages/Well/index.jsx
@@ -49,8 +49,6 @@ const Well = memo(() => {
 
     const setLayoutProps = useLayoutProps()
 
-    useEffect(() => console.log(well), [well])
-
     const updateWell = useCallback((data) => invokeWebApiWrapperAsync(
         async () => {
             const newWell = { ...well, ...data }
diff --git a/src/styles/App.less b/src/styles/App.less
index 0ddef5d..90db107 100755
--- a/src/styles/App.less
+++ b/src/styles/App.less
@@ -109,3 +109,11 @@ tr.table_row_size {
         display: none;
     }
 }
+
+.centered {
+    display: flex;
+    width: 100%;
+    height: 100%;
+    justify-content: center;
+    align-items: center;
+}