fix(Tenant): fix tabs reset on schema object change

Author: artemmufazalov

src/containers/Tenant/Tenant.tsx

@@ -7,11 +7,11 @@ import {PageError} from '../../components/Errors/PageError/PageError';
 import {LoaderWrapper} from '../../components/LoaderWrapper/LoaderWrapper';
 import SplitPane from '../../components/SplitPane';
 import {setHeaderBreadcrumbs} from '../../store/reducers/header/header';
-import {overviewApi} from '../../store/reducers/overview/overview';
+import {selectSchemaData} from '../../store/reducers/schema/schema';
 import type {AdditionalNodesProps, AdditionalTenantsProps} from '../../types/additionalProps';
 import {cn} from '../../utils/cn';
 import {DEFAULT_IS_TENANT_SUMMARY_COLLAPSED, DEFAULT_SIZE_TENANT_KEY} from '../../utils/constants';
-import {useAutoRefreshInterval, useTypedDispatch} from '../../utils/hooks';
+import {useTypedDispatch, useTypedSelector} from '../../utils/hooks';
 import {isAccessError} from '../../utils/response';
 
 import ObjectGeneral from './ObjectGeneral/ObjectGeneral';
@@ -42,7 +42,6 @@ interface TenantProps {
 }
 
 export function Tenant(props: TenantProps) {
-    const [autoRefreshInterval] = useAutoRefreshInterval();
     const [summaryVisibilityState, dispatchSummaryVisibilityAction] = React.useReducer(
         paneVisibilityToggleReducerCreator(DEFAULT_IS_TENANT_SUMMARY_COLLAPSED),
         undefined,
@@ -90,18 +89,12 @@ export function Tenant(props: TenantProps) {
 
     const path = schema ?? tenantName;
 
-    const {
-        currentData: currentItem,
-        error,
-        isLoading,
-    } = overviewApi.useGetOverviewQuery(
-        {path, database: tenantName},
-        {
-            pollingInterval: autoRefreshInterval,
-        },
+    const {data, isLoading, error} = useTypedSelector((state) =>
+        selectSchemaData(state, path, tenantName),
     );
+
     const {PathType: currentPathType, PathSubType: currentPathSubType} =
-        currentItem?.PathDescription?.Self || {};
+        data?.[path]?.PathDescription?.Self || {};
 
     const showBlockingError = isAccessError(error);
 

src/store/reducers/schema/schema.ts

@@ -1,9 +1,10 @@
 import React from 'react';
 
-import {createSlice} from '@reduxjs/toolkit';
+import {createSelector, createSlice} from '@reduxjs/toolkit';
 import type {PayloadAction} from '@reduxjs/toolkit';
 
 import type {TEvDescribeSchemeResult} from '../../../types/api/schema';
+import type {RootState} from '../../defaultStore';
 import {api} from '../api';
 
 const initialState = {
@@ -110,3 +111,17 @@ export function useGetSchemaQuery({path, database}: {path: string; database: str
 
     return {data, isLoading, error: currentPathError};
 }
+
+const getSchemaSelector = createSelector(
+    (path: string) => path,
+    (_path: string, database: string) => database,
+    (path, database) => schemaApi.endpoints.getSchema.select({path, database}),
+);
+
+export const selectSchemaData = createSelector(
+    (state: RootState) => state,
+    (_state: RootState, path: string, database: string) => getSchemaSelector(path, database),
+    (state, selectSchema) => {
+        return selectSchema(state);
+    },
+);