#RI-2930 - add interfaces, fix loading state

Author: rsergeenko

redisinsight/ui/src/pages/browser/components/key-details-add-items/add-stream-group/AddStreamGroup.tsx

@@ -13,9 +13,11 @@ import {
 import cx from 'classnames'
 import React, { ChangeEvent, useEffect, useState } from 'react'
 import { useDispatch, useSelector } from 'react-redux'
+
 import { selectedKeyDataSelector } from 'uiSrc/slices/browser/keys'
 import { addNewGroupAction } from 'uiSrc/slices/browser/stream'
 import { consumerGroupIdRegex, validateConsumerGroupId } from 'uiSrc/utils'
+import { CreateConsumerGroupsDto } from 'apiSrc/modules/browser/dto/stream.dto'
 
 import styles from './styles.module.scss'
 
@@ -50,7 +52,7 @@ const AddStreamGroup = (props: Props) => {
 
   const submitData = () => {
     if (isFormValid) {
-      const data: any = {
+      const data: CreateConsumerGroupsDto = {
         keyName,
         consumerGroups: [{
           name: groupName,

redisinsight/ui/src/slices/browser/stream.ts

@@ -13,6 +13,7 @@ import {
   AddStreamEntriesResponse,
   ConsumerDto,
   ConsumerGroupDto,
+  CreateConsumerGroupsDto,
   GetStreamEntriesResponse,
   PendingEntryDto,
 } from 'apiSrc/modules/browser/dto/stream.dto'
@@ -113,7 +114,7 @@ const streamSlice = createSlice({
       state.error = ''
     },
     addNewGroupSuccess: (state) => {
-      state.loading = true
+      state.loading = false
     },
     addNewGroupFailure: (state, { payload }) => {
       state.loading = false
@@ -494,7 +495,7 @@ export function deleteStreamEntry(key: string, entries: string[], onSuccessActio
 
 // Asynchronous thunk action
 export function addNewGroupAction(
-  data: any,
+  data: CreateConsumerGroupsDto,
   onSuccess?: () => void,
   onFail?: () => void
 ) {
@@ -503,7 +504,7 @@ export function addNewGroupAction(
 
     try {
       const state = stateInit()
-      const { status } = await apiService.post<any>(
+      const { status } = await apiService.post(
         getUrl(
           state.connections.instances.connectedInstance?.id,
           ApiEndpoints.STREAMS_CONSUMER_GROUPS