fix(Topic): add reducer for describe_topic

Author: artemmufazalov

src/services/api.d.ts

@@ -55,6 +55,9 @@ interface Window {
         getHeatmapData: (params: {
             path: string;
         }) => Promise<import('../types/api/schema').TEvDescribeSchemeResult>;
+        getTopic: (params: {
+            path?: string;
+        }) => Promise<import('../types/api/topic').DescribeTopicResult>;
         [method: string]: Function;
     };
 }

src/services/api.js

@@ -129,6 +129,13 @@ export class YdbEmbeddedAPI extends AxiosWrapper {
             path,
         });
     }
+    getTopic({path}) {
+        return this.get(this.getPath('/viewer/json/describe_topic'), {
+            enums: true,
+            include_stats: true,
+            path,
+        });
+    }
     getPoolInfo(poolName) {
         return this.get(this.getPath('/viewer/json/storage'), {
             pool: poolName,

src/store/reducers/index.ts

@@ -17,6 +17,7 @@ import network from './network';
 import pool from './pool';
 import tenants from './tenants';
 import tablet from './tablet';
+import topic from './topic';
 import executeQuery from './executeQuery';
 import explainQuery from './explainQuery';
 import tabletsFilters from './tabletsFilters';
@@ -55,6 +56,7 @@ export const rootReducer = {
     pool,
     tenants,
     tablet,
+    topic,
     executeQuery,
     explainQuery,
     tabletsFilters,

src/store/reducers/topic.ts

@@ -0,0 +1,52 @@
+import type {Reducer} from 'redux';
+
+import type {ITopicAction, ITopicState} from '../../types/store/topic';
+import '../../services/api';
+
+import {createRequestActionTypes, createApiRequest} from '../utils';
+
+export const FETCH_TOPIC = createRequestActionTypes('topic', 'FETCH_TOPIC');
+
+const initialState = {
+    loading: true,
+    wasLoaded: false,
+    data: {},
+};
+
+const topic: Reducer<ITopicState, ITopicAction> = (state = initialState, action) => {
+    switch (action.type) {
+        case FETCH_TOPIC.REQUEST: {
+            return {
+                ...state,
+                loading: true,
+            };
+        }
+        case FETCH_TOPIC.SUCCESS: {
+            return {
+                ...state,
+                data: action.data,
+                loading: false,
+                wasLoaded: true,
+                error: undefined,
+            };
+        }
+        case FETCH_TOPIC.FAILURE: {
+            return {
+                ...state,
+                error: action.error,
+                loading: false,
+            };
+        }
+        default:
+            return state;
+    }
+};
+
+export function getTopic(path?: string) {
+    return createApiRequest({
+        request: window.api.getTopic({path}),
+        actions: FETCH_TOPIC,
+    });
+}
+
+export default topic;

src/types/store/topic.ts

@@ -0,0 +1,21 @@
+import {FETCH_TOPIC} from '../../store/reducers/topic';
+import type {ApiRequestAction} from '../../store/utils';
+import type {IResponseError} from '../api/error';
+import type {DescribeTopicResult} from '../api/topic';
+
+export interface ITopicState {
+    loading: boolean;
+    wasLoaded: boolean;
+    data?: DescribeTopicResult;
+    error?: IResponseError;
+}
+
+export type ITopicAction = ApiRequestAction<
+    typeof FETCH_TOPIC,
+    DescribeTopicResult,
+    IResponseError
+>;
+
+export interface ITopicRootStateSlice {
+    topic: ITopicState;
+}