Fix linter (#452)

kafka-ui-react-app/src/components/Schemas/List/ListContainer.tsx

@@ -18,9 +18,8 @@ const mapStateToProps = (state: RootState) => ({
   isFetching: getIsSchemaListFetching(state),
   schemas: getSchemaList(state),
   globalSchemaCompatibilityLevel: getGlobalSchemaCompatibilityLevel(state),
-  isGlobalSchemaCompatibilityLevelFetched: getGlobalSchemaCompatibilityLevelFetched(
+  isGlobalSchemaCompatibilityLevelFetched:
-    state
+    getGlobalSchemaCompatibilityLevelFetched(state),
-  ),
 });
 
 const mapDispatchToProps = {

kafka-ui-react-app/src/components/Topics/List/ListItem.tsx

@@ -23,10 +23,8 @@ const ListItem: React.FC<ListItemProps> = ({
   clusterName,
   clearTopicMessages,
 }) => {
-  const [
+  const [isDeleteTopicConfirmationVisible, setDeleteTopicConfirmationVisible] =
-    isDeleteTopicConfirmationVisible,
+    React.useState(false);
-    setDeleteTopicConfirmationVisible,
-  ] = React.useState(false);
 
   const outOfSyncReplicas = React.useMemo(() => {
     if (partitions === undefined || partitions.length === 0) {

kafka-ui-react-app/src/components/Topics/Topic/Details/Details.tsx

@@ -33,10 +33,8 @@ const Details: React.FC<Props> = ({
 }) => {
   const history = useHistory();
   const { isReadOnly } = React.useContext(ClusterContext);
-  const [
+  const [isDeleteTopicConfirmationVisible, setDeleteTopicConfirmationVisible] =
-    isDeleteTopicConfirmationVisible,
+    React.useState(false);
-    setDeleteTopicConfirmationVisible,
-  ] = React.useState(false);
   const deleteTopicHandler = React.useCallback(() => {
     deleteTopic(clusterName, topicName);
     history.push(clusterTopicsPath(clusterName));

kafka-ui-react-app/src/components/Topics/Topic/Details/Messages/Messages.tsx

@@ -50,9 +50,8 @@ const Messages: React.FC<Props> = ({
   fetchTopicMessages,
 }) => {
   const [searchQuery, setSearchQuery] = React.useState<string>('');
-  const [searchTimestamp, setSearchTimestamp] = React.useState<Date | null>(
+  const [searchTimestamp, setSearchTimestamp] =
-    null
+    React.useState<Date | null>(null);
-  );
   const [filterProps, setFilterProps] = React.useState<FilterProps[]>([]);
   const [selectedSeekType, setSelectedSeekType] = React.useState<SeekType>(
     SeekType.OFFSET

kafka-ui-react-app/src/components/Topics/shared/Form/CustomParams/CustomParamSelect.tsx

@@ -39,9 +39,8 @@ const CustomParamSelect: React.FC<CustomParamSelectProps> = ({
     return valid || 'Custom Parameter must be unique';
   };
 
-  const onChange = (inputName: string) => (
+  const onChange =
-    event: React.ChangeEvent<HTMLSelectElement>
+    (inputName: string) => (event: React.ChangeEvent<HTMLSelectElement>) => {
-  ) => {
       trigger(inputName);
       onNameChange(index, event.target.value);
     };

kafka-ui-react-app/src/components/Topics/shared/Form/CustomParams/CustomParams.tsx

@@ -35,10 +35,8 @@ const CustomParams: React.FC<Props> = ({ isSubmitting, config }) => {
       )
     : {};
 
-  const [
+  const [formCustomParams, setFormCustomParams] =
-    formCustomParams,
+    React.useState<TopicFormCustomParams>({
-    setFormCustomParams,
-  ] = React.useState<TopicFormCustomParams>({
       byIndex,
       allIndexes: Object.keys(byIndex),
     });

kafka-ui-react-app/src/redux/actions/actions.ts

@@ -235,9 +235,8 @@ export const updateConnectorConfigAction = createAsyncAction(
   'PATCH_CONNECTOR_CONFIG__FAILURE'
 )<undefined, { connector: Connector }, { alert?: FailurePayload }>();
 
-export const setTopicsSearchAction = createAction(
+export const setTopicsSearchAction =
-  'SET_TOPICS_SEARCH'
+  createAction('SET_TOPICS_SEARCH')<string>();
-)<string>();
 
 export const setTopicsOrderByAction = createAction(
   'SET_TOPICS_ORDER_BY'

kafka-ui-react-app/src/redux/actions/thunks/brokers.ts

@@ -6,9 +6,9 @@ import * as actions from 'redux/actions/actions';
 const apiClientConf = new Configuration(BASE_PARAMS);
 export const brokersApiClient = new BrokersApi(apiClientConf);
 
-export const fetchBrokers = (
+export const fetchBrokers =
-  clusterName: ClusterName
+  (clusterName: ClusterName): PromiseThunkResult =>
-): PromiseThunkResult => async (dispatch) => {
+  async (dispatch) => {
     dispatch(actions.fetchBrokersAction.request());
     try {
       const payload = await brokersApiClient.getBrokers({ clusterName });
@@ -18,10 +18,9 @@ export const fetchBrokers = (
     }
   };
 
-export const fetchBrokerMetrics = (
+export const fetchBrokerMetrics =
-  clusterName: ClusterName,
+  (clusterName: ClusterName, brokerId: BrokerId): PromiseThunkResult =>
-  brokerId: BrokerId
+  async (dispatch) => {
-): PromiseThunkResult => async (dispatch) => {
     dispatch(actions.fetchBrokerMetricsAction.request());
     try {
       const payload = await brokersApiClient.getBrokersMetrics({

kafka-ui-react-app/src/redux/actions/thunks/clusters.ts

@@ -16,9 +16,9 @@ export const fetchClustersList = (): PromiseThunkResult => async (dispatch) => {
   }
 };
 
-export const fetchClusterStats = (
+export const fetchClusterStats =
-  clusterName: ClusterName
+  (clusterName: ClusterName): PromiseThunkResult =>
-): PromiseThunkResult => async (dispatch) => {
+  async (dispatch) => {
     dispatch(actions.fetchClusterStatsAction.request());
     try {
       const payload = await clustersApiClient.getClusterStats({ clusterName });
@@ -28,9 +28,9 @@ export const fetchClusterStats = (
     }
   };
 
-export const fetchClusterMetrics = (
+export const fetchClusterMetrics =
-  clusterName: ClusterName
+  (clusterName: ClusterName): PromiseThunkResult =>
-): PromiseThunkResult => async (dispatch) => {
+  async (dispatch) => {
     dispatch(actions.fetchClusterMetricsAction.request());
     try {
       const payload = await clustersApiClient.getClusterMetrics({

kafka-ui-react-app/src/redux/actions/thunks/consumerGroups.ts

@@ -10,9 +10,9 @@ import * as actions from 'redux/actions/actions';
 const apiClientConf = new Configuration(BASE_PARAMS);
 export const consumerGroupsApiClient = new ConsumerGroupsApi(apiClientConf);
 
-export const fetchConsumerGroupsList = (
+export const fetchConsumerGroupsList =
-  clusterName: ClusterName
+  (clusterName: ClusterName): PromiseThunkResult =>
-): PromiseThunkResult => async (dispatch) => {
+  async (dispatch) => {
     dispatch(actions.fetchConsumerGroupsAction.request());
     try {
       const consumerGroups = await consumerGroupsApiClient.getConsumerGroups({
@@ -24,18 +24,19 @@ export const fetchConsumerGroupsList = (
     }
   };
 
-export const fetchConsumerGroupDetails = (
+export const fetchConsumerGroupDetails =
+  (
     clusterName: ClusterName,
     consumerGroupID: ConsumerGroupID
-): PromiseThunkResult => async (dispatch) => {
+  ): PromiseThunkResult =>
+  async (dispatch) => {
     dispatch(actions.fetchConsumerGroupDetailsAction.request());
     try {
-    const consumerGroupDetails = await consumerGroupsApiClient.getConsumerGroup(
+      const consumerGroupDetails =
-      {
+        await consumerGroupsApiClient.getConsumerGroup({
           clusterName,
           id: consumerGroupID,
-      }
+        });
-    );
       dispatch(
         actions.fetchConsumerGroupDetailsAction.success({
           consumerGroupID,

kafka-ui-react-app/src/redux/actions/thunks/schemas.ts

@@ -20,9 +20,9 @@ import { isEqual } from 'lodash';
 const apiClientConf = new Configuration(BASE_PARAMS);
 export const schemasApiClient = new SchemasApi(apiClientConf);
 
-export const fetchSchemasByClusterName = (
+export const fetchSchemasByClusterName =
-  clusterName: ClusterName
+  (clusterName: ClusterName): PromiseThunkResult<void> =>
-): PromiseThunkResult<void> => async (dispatch) => {
+  async (dispatch) => {
     dispatch(actions.fetchSchemasByClusterNameAction.request());
     try {
       const schemas = await schemasApiClient.getSchemas({ clusterName });
@@ -32,10 +32,9 @@ export const fetchSchemasByClusterName = (
     }
   };
 
-export const fetchSchemaVersions = (
+export const fetchSchemaVersions =
-  clusterName: ClusterName,
+  (clusterName: ClusterName, subject: SchemaName): PromiseThunkResult<void> =>
-  subject: SchemaName
+  async (dispatch) => {
-): PromiseThunkResult<void> => async (dispatch) => {
     if (!subject) return;
     dispatch(actions.fetchSchemaVersionsAction.request());
     try {
@@ -49,9 +48,9 @@ export const fetchSchemaVersions = (
     }
   };
 
-export const fetchGlobalSchemaCompatibilityLevel = (
+export const fetchGlobalSchemaCompatibilityLevel =
-  clusterName: ClusterName
+  (clusterName: ClusterName): PromiseThunkResult<void> =>
-): PromiseThunkResult<void> => async (dispatch) => {
+  async (dispatch) => {
     dispatch(actions.fetchGlobalSchemaCompatibilityLevelAction.request());
     try {
       const result = await schemasApiClient.getGlobalSchemaCompatibilityLevel({
@@ -67,10 +66,12 @@ export const fetchGlobalSchemaCompatibilityLevel = (
     }
   };
 
-export const updateGlobalSchemaCompatibilityLevel = (
+export const updateGlobalSchemaCompatibilityLevel =
+  (
     clusterName: ClusterName,
     compatibilityLevel: CompatibilityLevelCompatibilityEnum
-): PromiseThunkResult<void> => async (dispatch) => {
+  ): PromiseThunkResult<void> =>
+  async (dispatch) => {
     dispatch(actions.updateGlobalSchemaCompatibilityLevelAction.request());
     try {
       await schemasApiClient.updateGlobalSchemaCompatibilityLevel({
@@ -87,10 +88,12 @@ export const updateGlobalSchemaCompatibilityLevel = (
     }
   };
 
-export const createSchema = (
+export const createSchema =
+  (
     clusterName: ClusterName,
     newSchemaSubject: NewSchemaSubject
-): PromiseThunkResult => async (dispatch) => {
+  ): PromiseThunkResult =>
+  async (dispatch) => {
     dispatch(actions.createSchemaAction.request());
     try {
       const schema: SchemaSubject = await schemasApiClient.createNewSchema({
@@ -110,14 +113,16 @@ export const createSchema = (
     }
   };
 
-export const updateSchema = (
+export const updateSchema =
+  (
     latestSchema: SchemaSubject,
     newSchema: string,
     newSchemaType: SchemaType,
     newCompatibilityLevel: CompatibilityLevelCompatibilityEnum,
     clusterName: string,
     subject: string
-): PromiseThunkResult => async (dispatch) => {
+  ): PromiseThunkResult =>
+  async (dispatch) => {
     dispatch(actions.updateSchemaAction.request());
     try {
       let schema: SchemaSubject = latestSchema;
@@ -156,10 +161,9 @@ export const updateSchema = (
       throw e;
     }
   };
-export const deleteSchema = (
+export const deleteSchema =
-  clusterName: ClusterName,
+  (clusterName: ClusterName, subject: string): PromiseThunkResult =>
-  subject: string
+  async (dispatch) => {
-): PromiseThunkResult => async (dispatch) => {
     dispatch(actions.deleteSchemaAction.request());
     try {
       await schemasApiClient.deleteSchema({

kafka-ui-react-app/src/redux/actions/thunks/topics.ts

@@ -36,9 +36,9 @@ export interface FetchTopicsListParams {
   orderBy?: TopicColumnsToSort;
 }
 
-export const fetchTopicsList = (
+export const fetchTopicsList =
-  params: FetchTopicsListParams
+  (params: FetchTopicsListParams): PromiseThunkResult =>
-): PromiseThunkResult => async (dispatch, getState) => {
+  async (dispatch, getState) => {
     dispatch(actions.fetchTopicsListAction.request());
     try {
       const { topics, pageCount } = await topicsApiClient.getTopics(params);
@@ -67,11 +67,13 @@ export const fetchTopicsList = (
     }
   };
 
-export const fetchTopicMessages = (
+export const fetchTopicMessages =
+  (
     clusterName: ClusterName,
     topicName: TopicName,
     queryParams: Partial<TopicMessageQueryParams>
-): PromiseThunkResult => async (dispatch) => {
+  ): PromiseThunkResult =>
+  async (dispatch) => {
     dispatch(actions.fetchTopicMessagesAction.request());
     try {
       const messages = await messagesApiClient.getTopicMessages({
@@ -85,11 +87,13 @@ export const fetchTopicMessages = (
     }
   };
 
-export const clearTopicMessages = (
+export const clearTopicMessages =
+  (
     clusterName: ClusterName,
     topicName: TopicName,
     partitions?: number[]
-): PromiseThunkResult => async (dispatch) => {
+  ): PromiseThunkResult =>
+  async (dispatch) => {
     dispatch(actions.clearMessagesTopicAction.request());
     try {
       await messagesApiClient.deleteTopicMessages({
@@ -109,10 +113,9 @@ export const clearTopicMessages = (
     }
   };
 
-export const fetchTopicDetails = (
+export const fetchTopicDetails =
-  clusterName: ClusterName,
+  (clusterName: ClusterName, topicName: TopicName): PromiseThunkResult =>
-  topicName: TopicName
+  async (dispatch, getState) => {
-): PromiseThunkResult => async (dispatch, getState) => {
     dispatch(actions.fetchTopicDetailsAction.request());
     try {
       const topicDetails = await topicsApiClient.getTopicDetails({
@@ -136,10 +139,9 @@ export const fetchTopicDetails = (
     }
   };
 
-export const fetchTopicConfig = (
+export const fetchTopicConfig =
-  clusterName: ClusterName,
+  (clusterName: ClusterName, topicName: TopicName): PromiseThunkResult =>
-  topicName: TopicName
+  async (dispatch, getState) => {
-): PromiseThunkResult => async (dispatch, getState) => {
     dispatch(actions.fetchTopicConfigAction.request());
     try {
       const config = await topicsApiClient.getTopicConfigs({
@@ -233,10 +235,9 @@ const formatTopicUpdate = (form: TopicFormDataRaw): TopicUpdate => {
   };
 };
 
-export const createTopic = (
+export const createTopic =
-  clusterName: ClusterName,
+  (clusterName: ClusterName, form: TopicFormDataRaw): PromiseThunkResult =>
-  form: TopicFormDataRaw
+  async (dispatch, getState) => {
-): PromiseThunkResult => async (dispatch, getState) => {
     dispatch(actions.createTopicAction.request());
     try {
       const topic: Topic = await topicsApiClient.createTopic({
@@ -268,11 +269,13 @@ export const createTopic = (
     }
   };
 
-export const updateTopic = (
+export const updateTopic =
+  (
     clusterName: ClusterName,
     topicName: TopicName,
     form: TopicFormDataRaw
-): PromiseThunkResult => async (dispatch, getState) => {
+  ): PromiseThunkResult =>
+  async (dispatch, getState) => {
     dispatch(actions.updateTopicAction.request());
     try {
       const topic: Topic = await topicsApiClient.updateTopic({
@@ -299,10 +302,9 @@ export const updateTopic = (
     }
   };
 
-export const deleteTopic = (
+export const deleteTopic =
-  clusterName: ClusterName,
+  (clusterName: ClusterName, topicName: TopicName): PromiseThunkResult =>
-  topicName: TopicName
+  async (dispatch) => {
-): PromiseThunkResult => async (dispatch) => {
     dispatch(actions.deleteTopicAction.request());
     try {
       await topicsApiClient.deleteTopic({

kafka-ui-react-app/src/redux/reducers/topics/selectors.ts

@@ -18,12 +18,10 @@ export const getTopicListTotalPages = (state: RootState) =>
   topicsState(state).totalPages;
 
 const getTopicListFetchingStatus = createFetchingSelector('GET_TOPICS');
-const getTopicDetailsFetchingStatus = createFetchingSelector(
+const getTopicDetailsFetchingStatus =
-  'GET_TOPIC_DETAILS'
+  createFetchingSelector('GET_TOPIC_DETAILS');
-);
+const getTopicMessagesFetchingStatus =
-const getTopicMessagesFetchingStatus = createFetchingSelector(
+  createFetchingSelector('GET_TOPIC_MESSAGES');
-  'GET_TOPIC_MESSAGES'
-);
 const getTopicConfigFetchingStatus = createFetchingSelector('GET_TOPIC_CONFIG');
 const getTopicCreationStatus = createFetchingSelector('POST_TOPIC');
 const getTopicUpdateStatus = createFetchingSelector('PATCH_TOPIC');

kafka-ui-react-app/src/redux/store/configureStore/mockStoreCreator.ts

@@ -6,9 +6,7 @@ import { RootState, Action } from 'redux/interfaces';
 const middlewares: Array<Middleware> = [thunk];
 type DispatchExts = ThunkDispatch<RootState, undefined, Action>;
 
-const mockStoreCreator: MockStoreCreator<
+const mockStoreCreator: MockStoreCreator<RootState, DispatchExts> =
-  RootState,
+  configureMockStore<RootState, DispatchExts>(middlewares);
-  DispatchExts
-> = configureMockStore<RootState, DispatchExts>(middlewares);
 
 export default mockStoreCreator();