#RI-4674 - fix recommendations list in INSIGHTS_PANEL_CLOSED telemetry event

Author: AmirAllayarovSofteq

redisinsight/ui/src/components/live-time-recommendations/LiveTimeRecommendations.tsx

@@ -75,6 +75,8 @@ const LiveTimeRecommendations = () => {
   // To prevent duplication emit for FlyOut close event
   // https://github.com/elastic/eui/issues/3437
   const isCloseEventSent = useRef<boolean>(false)
+  // Flyout onClose did not updated between rerenders
+  const recommendationsState = useRef<IRecommendation[]>([])
 
   const dispatch = useDispatch()
   const history = useHistory()
@@ -108,6 +110,10 @@ const LiveTimeRecommendations = () => {
     }
   }, [isContentVisible])
 
+  useEffect(() => {
+    recommendationsState.current = recommendations
+  }, [recommendations])
+
   const toggleContent = () => {
     dispatch(setIsContentVisible(!isContentVisible))
   }
@@ -145,7 +151,7 @@ const LiveTimeRecommendations = () => {
     dispatch(setIsContentVisible(false))
     sendEventTelemetry({
       event: TelemetryEvent.INSIGHTS_PANEL_CLOSED,
-      eventData: getTelemetryData(recommendations),
+      eventData: getTelemetryData(recommendationsState.current),
     })
     isCloseEventSent.current = true
   }
@@ -311,7 +317,7 @@ const LiveTimeRecommendations = () => {
           className={styles.content}
           ownFocus
           size="476px"
-          onClose={handleClose}
+          onClose={() => handleClose(recommendations)}
           data-testid="insights-panel"
         >
           <EuiFlyoutHeader className={styles.header}>