refactor: migrate network reducer to ts (#413)

Author: artemmufazalov

src/containers/Tenant/Diagnostics/Network/Network.js

@@ -12,7 +12,7 @@ import {Icon} from '../../../../components/Icon';
 import {ProblemFilter} from '../../../../components/ProblemFilter';
 import {Illustration} from '../../../../components/Illustration';
 
-import {getNetworkInfo, setDataWasNotLoaded} from '../../../../store/reducers/network';
+import {getNetworkInfo, setDataWasNotLoaded} from '../../../../store/reducers/network/network';
 import {hideTooltip, showTooltip} from '../../../../store/reducers/tooltip';
 import {changeFilter, ProblemFilterValues} from '../../../../store/reducers/settings/settings';
 import {AutoFetcher} from '../../../../utils/autofetcher';
@@ -361,7 +361,7 @@ class Network extends React.Component {
 }
 
 const mapStateToProps = (state) => {
-    const {wasLoaded, loading, data: netWorkInfo} = state.network;
+    const {wasLoaded, loading, data: netWorkInfo = {}} = state.network;
     const {autorefresh} = state.schema;
     return {
         netWorkInfo,

src/store/reducers/index.ts

@@ -11,7 +11,7 @@ import tablets from './tablets';
 import heatmap from './heatmap';
 import schema from './schema';
 import host from './host';
-import network from './network';
+import network from './network/network';
 import tenants from './tenants/tenants';
 import tablet from './tablet';
 import topic from './topic';

src/store/reducers/network.js renamed to src/store/reducers/network/network.ts

@@ -1,20 +1,23 @@
-import {createRequestActionTypes, createApiRequest} from '../utils';
-import '../../services/api';
+import {Reducer} from 'redux';
 
-const FETCH_ALL_NODES_NETWORK = createRequestActionTypes(
-    'ALL_NODES_NETWORK',
+import '../../../services/api';
+import {createRequestActionTypes, createApiRequest} from '../../utils';
+
+import type {NetworkAction, NetworkState} from './types';
+
+export const FETCH_ALL_NODES_NETWORK = createRequestActionTypes(
+    'network',
     'FETCH_ALL_NODES_NETWORK',
 );
 
 const SET_DATA_WAS_NOT_LOADED = 'network/SET_DATA_WAS_NOT_LOADED';
 
 const initialState = {
-    data: {},
     loading: false,
     wasLoaded: false,
 };
 
-const network = (state = initialState, action) => {
+const network: Reducer<NetworkState, NetworkAction> = (state = initialState, action) => {
     switch (action.type) {
         case FETCH_ALL_NODES_NETWORK.REQUEST: {
             return {
@@ -53,10 +56,10 @@ const network = (state = initialState, action) => {
 export const setDataWasNotLoaded = () => {
     return {
         type: SET_DATA_WAS_NOT_LOADED,
-    };
+    } as const;
 };
 
-export const getNetworkInfo = (tenant) => {
+export const getNetworkInfo = (tenant: string) => {
     return createApiRequest({
         request: window.api.getNetwork(tenant),
         actions: FETCH_ALL_NODES_NETWORK,

src/store/reducers/network/types.ts

@@ -0,0 +1,16 @@
+import type {IResponseError} from '../../../types/api/error';
+import type {TNetInfo} from '../../../types/api/netInfo';
+import type {ApiRequestAction} from '../../utils';
+
+import {FETCH_ALL_NODES_NETWORK, setDataWasNotLoaded} from './network';
+
+export interface NetworkState {
+    loading: boolean;
+    wasLoaded: boolean;
+    data?: TNetInfo;
+    error?: IResponseError;
+}
+
+export type NetworkAction =
+    | ApiRequestAction<typeof FETCH_ALL_NODES_NETWORK, TNetInfo, IResponseError>
+    | ReturnType<typeof setDataWasNotLoaded>;