#RI-3081 - Event AUTO_REFRESH_ENABLED should be sent when user changes rate

#RI-3082 - Event KEY_DETAILS_AUTO_REFRESH_DISABLED doesn't contain length

Author: egor-zalenski

redisinsight/ui/src/pages/browser/components/key-details-header/KeyDetailsHeader.tsx

@@ -207,14 +207,20 @@ const KeyDetailsHeader = ({
     sendEventTelemetry({
       event: getBasedOnViewTypeEvent(viewType, browserViewEvent, treeViewEvent),
       eventData: {
+        length,
         databaseId: instanceId,
         keyType: type,
-        length: enableAutoRefresh ? length : undefined,
-        refreshRate: enableAutoRefresh ? +refreshRate : undefined
+        refreshRate: +refreshRate
       }
     })
   }
 
+  const handleChangeAutoRefreshRate = (enableAutoRefresh: boolean, refreshRate: string) => {
+    if (enableAutoRefresh) {
+      handleEnableAutoRefresh(enableAutoRefresh, refreshRate)
+    }
+  }
+
   const onMouseEnterTTL = () => {
     setTTLIsHovering(true)
   }
@@ -619,6 +625,7 @@ const KeyDetailsHeader = ({
                       containerClassName={styles.actionBtn}
                       onRefresh={handleRefreshKey}
                       onEnableAutoRefresh={handleEnableAutoRefresh}
+                      onChangeAutoRefreshRate={handleChangeAutoRefreshRate}
                       testid="refresh-key-btn"
                     />
                     {keyType && Actions(width)}

redisinsight/ui/src/pages/browser/components/keys-header/KeysHeader.tsx

@@ -139,11 +139,17 @@ const KeysHeader = (props: Props) => {
       event: getBasedOnViewTypeEvent(viewType, browserViewEvent, treeViewEvent),
       eventData: {
         databaseId: instanceId,
-        refreshRate: enableAutoRefresh ? +refreshRate : undefined
+        refreshRate: +refreshRate,
       }
     })
   }
 
+  const handleChangeAutoRefreshRate = (enableAutoRefresh: boolean, refreshRate: string) => {
+    if (enableAutoRefresh) {
+      handleEnableAutoRefresh(enableAutoRefresh, refreshRate)
+    }
+  }
+
   const handleScanMore = (config: any) => {
     loadMoreItems?.({
       ...config,
@@ -250,6 +256,7 @@ const KeysHeader = (props: Props) => {
                 containerClassName={styles.refreshContainer}
                 onRefresh={handleRefreshKeys}
                 onEnableAutoRefresh={handleEnableAutoRefresh}
+                onChangeAutoRefreshRate={handleChangeAutoRefreshRate}
                 testid="refresh-keys-btn"
               />
             </div>