From 715b0da3f83e9b3eb667a98542c47cb91936581d Mon Sep 17 00:00:00 2001
From: Azat Mutigullin <mehemaul@gmail.com>
Date: Fri, 19 Feb 2021 15:06:43 +0300
Subject: [PATCH] Use getType in reducers

---
 .../src/redux/reducers/brokers/reducer.ts            |  8 +++++---
 .../src/redux/reducers/clusters/reducer.ts           |  4 +++-
 .../src/redux/reducers/consumerGroups/reducer.ts     |  6 ++++--
 .../src/redux/reducers/topics/reducer.ts             | 12 +++++++-----
 4 files changed, 19 insertions(+), 11 deletions(-)

diff --git a/kafka-ui-react-app/src/redux/reducers/brokers/reducer.ts b/kafka-ui-react-app/src/redux/reducers/brokers/reducer.ts
index 3df9597129..f2d974226a 100644
--- a/kafka-ui-react-app/src/redux/reducers/brokers/reducer.ts
+++ b/kafka-ui-react-app/src/redux/reducers/brokers/reducer.ts
@@ -1,5 +1,7 @@
 import { Action, BrokersState, ZooKeeperStatus } from 'redux/interfaces';
 import { ClusterStats } from 'generated-sources';
+import { getType } from 'typesafe-actions';
+import * as actions from 'redux/actions';
 
 export const initialState: BrokersState = {
   items: [],
@@ -35,14 +37,14 @@ const updateBrokerSegmentSize = (
 
 const reducer = (state = initialState, action: Action): BrokersState => {
   switch (action.type) {
-    case 'GET_BROKERS__REQUEST':
+    case getType(actions.fetchBrokersAction.request):
       return initialState;
-    case 'GET_BROKERS__SUCCESS':
+    case getType(actions.fetchBrokersAction.success):
       return {
         ...state,
         items: action.payload,
       };
-    case 'GET_CLUSTER_STATUS__SUCCESS':
+    case getType(actions.fetchClusterStatsAction.success):
       return updateBrokerSegmentSize(state, action.payload);
     default:
       return state;
diff --git a/kafka-ui-react-app/src/redux/reducers/clusters/reducer.ts b/kafka-ui-react-app/src/redux/reducers/clusters/reducer.ts
index 10de9654ff..1c521a4ca2 100644
--- a/kafka-ui-react-app/src/redux/reducers/clusters/reducer.ts
+++ b/kafka-ui-react-app/src/redux/reducers/clusters/reducer.ts
@@ -1,11 +1,13 @@
 import { Action } from 'redux/interfaces';
 import { Cluster } from 'generated-sources';
+import { getType } from 'typesafe-actions';
+import * as actions from 'redux/actions';
 
 export const initialState: Cluster[] = [];
 
 const reducer = (state = initialState, action: Action): Cluster[] => {
   switch (action.type) {
-    case 'GET_CLUSTERS__SUCCESS':
+    case getType(actions.fetchClusterListAction.success):
       return action.payload;
     default:
       return state;
diff --git a/kafka-ui-react-app/src/redux/reducers/consumerGroups/reducer.ts b/kafka-ui-react-app/src/redux/reducers/consumerGroups/reducer.ts
index c2cb518650..2909329978 100644
--- a/kafka-ui-react-app/src/redux/reducers/consumerGroups/reducer.ts
+++ b/kafka-ui-react-app/src/redux/reducers/consumerGroups/reducer.ts
@@ -1,5 +1,7 @@
 import { Action, ConsumerGroupsState } from 'redux/interfaces';
 import { ConsumerGroup } from 'generated-sources';
+import { getType } from 'typesafe-actions';
+import * as actions from 'redux/actions';
 
 export const initialState: ConsumerGroupsState = {
   byID: {},
@@ -33,9 +35,9 @@ const updateConsumerGroupsList = (
 
 const reducer = (state = initialState, action: Action): ConsumerGroupsState => {
   switch (action.type) {
-    case 'GET_CONSUMER_GROUPS__SUCCESS':
+    case getType(actions.fetchConsumerGroupsAction.success):
       return updateConsumerGroupsList(state, action.payload);
-    case 'GET_CONSUMER_GROUP_DETAILS__SUCCESS':
+    case getType(actions.fetchConsumerGroupDetailsAction.success):
       return {
         ...state,
         byID: {
diff --git a/kafka-ui-react-app/src/redux/reducers/topics/reducer.ts b/kafka-ui-react-app/src/redux/reducers/topics/reducer.ts
index d457e9de7f..61e58772cc 100644
--- a/kafka-ui-react-app/src/redux/reducers/topics/reducer.ts
+++ b/kafka-ui-react-app/src/redux/reducers/topics/reducer.ts
@@ -1,6 +1,8 @@
 import { v4 } from 'uuid';
 import { Topic, TopicMessage } from 'generated-sources';
 import { Action, TopicsState } from 'redux/interfaces';
+import { getType } from 'typesafe-actions';
+import * as actions from 'redux/actions';
 
 export const initialState: TopicsState = {
   byName: {},
@@ -67,9 +69,9 @@ const transformTopicMessages = (
 
 const reducer = (state = initialState, action: Action): TopicsState => {
   switch (action.type) {
-    case 'GET_TOPICS__SUCCESS':
+    case getType(actions.fetchTopicsListAction.success):
       return updateTopicList(state, action.payload);
-    case 'GET_TOPIC_DETAILS__SUCCESS':
+    case getType(actions.fetchTopicDetailsAction.success):
       return {
         ...state,
         byName: {
@@ -80,9 +82,9 @@ const reducer = (state = initialState, action: Action): TopicsState => {
           },
         },
       };
-    case 'GET_TOPIC_MESSAGES__SUCCESS':
+    case getType(actions.fetchTopicMessagesAction.success):
       return transformTopicMessages(state, action.payload);
-    case 'GET_TOPIC_CONFIG__SUCCESS':
+    case getType(actions.fetchTopicConfigAction.success):
       return {
         ...state,
         byName: {
@@ -96,7 +98,7 @@ const reducer = (state = initialState, action: Action): TopicsState => {
           },
         },
       };
-    case 'POST_TOPIC__SUCCESS':
+    case getType(actions.createTopicAction.success):
       return addToTopicList(state, action.payload);
     default:
       return state;