#RI-3028-change time after select changed (#740)

Author: AmirAllayarovSofteq

redisinsight/ui/src/pages/browser/components/stream-details/messages-view/MessageClaimPopover/MessageClaimPopover.tsx

@@ -40,7 +40,7 @@ const getConsumersOptions = (consumers: ConsumerDto[]) => (
   }))
 )
 
-const timeOptions: EuiSuperSelectOption<string>[] = [
+const timeOptions: EuiSuperSelectOption<ClaimTimeOptions>[] = [
   { value: ClaimTimeOptions.RELATIVE, inputDisplay: 'Relative Time' },
   { value: ClaimTimeOptions.ABSOLUTE, inputDisplay: 'Timestamp' },
 ]
@@ -95,6 +95,18 @@ const MessageClaimPopover = (props: Props) => {
     formik.resetForm()
   }
 
+  const handleChangeTimeFormat = (value: ClaimTimeOptions) => {
+    formik.setFieldValue('timeOption', value)
+    if (value === ClaimTimeOptions.ABSOLUTE) {
+      formik.setFieldValue(
+        'timeCount',
+        new Date().getTime()
+      )
+    } else {
+      formik.setFieldValue('timeCount', '0')
+    }
+  }
+
   useEffect(() => {
     const consumersWithoutCurrent = filter(consumers, (consumer) => consumer.name !== currentConsumerName)
     const sortedConsumers = orderBy(getConsumersOptions(consumersWithoutCurrent), ['name'], ['asc'])
@@ -219,7 +231,7 @@ const MessageClaimPopover = (props: Props) => {
                     options={timeOptions}
                     className={styles.timeOptionField}
                     name="consumerName"
-                    onChange={(value) => formik.setFieldValue('timeOption', value)}
+                    onChange={handleChangeTimeFormat}
                     data-testid="time-option-select"
                   />
                 </EuiFormRow>

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

@@ -1014,7 +1014,6 @@ export function ackPendingEntriesAction(
         onSuccessAction?.()
         dispatch(ackPendingEntriesSuccess())
         dispatch(deleteMessageFromList(entries[0]))
-        dispatch<any>(fetchConsumers())
         dispatch(addMessageNotification(
           successMessages.MESSAGE_ACTION(entries[0], 'acknowledged')
         ))

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

@@ -1404,7 +1404,6 @@ describe('stream slice', () => {
         const entries = ['0-1']
         const responsePayload = { status: 200 }
 
-        apiService.post = jest.fn().mockResolvedValue(responsePayload)
         apiService.post = jest.fn().mockResolvedValue(responsePayload)
 
         // Act
@@ -1415,7 +1414,6 @@ describe('stream slice', () => {
           ackPendingEntries(),
           ackPendingEntriesSuccess(),
           deleteMessageFromList('0-1'),
-          loadConsumerGroups(),
           addMessageNotification(
             successMessages.MESSAGE_ACTION(
               entries.join(''),