feat(Diagnostics): remove tenant diagnostics cards setting (#602)

Author: artemmufazalov

src/containers/Tenant/Diagnostics/DetailedOverview/DetailedOverview.tsx

@@ -1,18 +1,10 @@
-import React, {useState} from 'react';
 import {useSelector} from 'react-redux';
 import cn from 'bem-cn-lite';
 
-import {Button, Modal} from '@gravity-ui/uikit';
-
 import type {EPathType} from '../../../../types/api/schema';
 import type {AdditionalNodesProps, AdditionalTenantsProps} from '../../../../types/additionalProps';
-import {Icon} from '../../../../components/Icon';
-import {useSetting} from '../../../../utils/hooks';
-import {DISPLAY_METRICS_CARDS_FOR_TENANT_DIAGNOSTICS} from '../../../../utils/constants';
 import Overview from '../Overview/Overview';
-import {Healthcheck} from '../OldHealthcheck';
 import {TenantOverview} from '../TenantOverview/TenantOverview';
-import {OldTenantOverview} from '../TenantOverview/OldTenantOverview';
 
 import './DetailedOverview.scss';
 
@@ -29,86 +21,26 @@ const b = cn('kv-detailed-overview');
 function DetailedOverview(props: DetailedOverviewProps) {
     const {type, tenantName, additionalTenantProps, additionalNodesProps} = props;
 
-    const [isModalVisible, setIsModalVisible] = useState(false);
-
     const {currentSchemaPath} = useSelector((state: any) => state.schema);
 
-    const [displayMetricsCards] = useSetting(DISPLAY_METRICS_CARDS_FOR_TENANT_DIAGNOSTICS);
-
-    const openModalHandler = () => {
-        setIsModalVisible(true);
-    };
-
-    const closeModalHandler = () => {
-        setIsModalVisible(false);
-    };
-
-    const renderModal = () => {
-        return (
-            <Modal open={isModalVisible} onClose={closeModalHandler} className={b('modal')}>
-                <Healthcheck tenant={props.tenantName} fetchData={false} />
-                <Button
-                    className={b('close-modal-button')}
-                    onClick={closeModalHandler}
-                    view="flat-secondary"
-                    title="Close"
-                >
-                    <Icon name="close" viewBox={'0 0 16 16 '} height={20} width={20} />
-                </Button>
-            </Modal>
-        );
-    };
-
     const renderTenantOverview = () => {
-        if (displayMetricsCards) {
-            return (
-                <div className={b('section')}>
-                    <TenantOverview
-                        tenantName={tenantName}
-                        additionalTenantProps={additionalTenantProps}
-                        additionalNodesProps={additionalNodesProps}
-                    />
-                </div>
-            );
-        }
-
-        return (
-            <>
-                <div className={b('section')}>
-                    <OldTenantOverview
-                        tenantName={tenantName}
-                        additionalTenantProps={additionalTenantProps}
-                    />
-                </div>
-                <div className={b('section')}>
-                    <Healthcheck
-                        tenant={tenantName}
-                        preview={true}
-                        showMoreHandler={openModalHandler}
-                    />
-                </div>
-            </>
-        );
-    };
-
-    const renderContent = () => {
-        const isTenant = tenantName === currentSchemaPath;
         return (
-            <div className={b()}>
-                {isTenant ? (
-                    renderTenantOverview()
-                ) : (
-                    <Overview type={type} tenantName={tenantName} />
-                )}
+            <div className={b('section')}>
+                <TenantOverview
+                    tenantName={tenantName}
+                    additionalTenantProps={additionalTenantProps}
+                    additionalNodesProps={additionalNodesProps}
+                />
             </div>
         );
     };
 
+    const isTenant = tenantName === currentSchemaPath;
+
     return (
-        <React.Fragment>
-            {renderContent()}
-            {renderModal()}
-        </React.Fragment>
+        <div className={b()}>
+            {isTenant ? renderTenantOverview() : <Overview type={type} tenantName={tenantName} />}
+        </div>
     );
 }