From b49dded9ca2dd7947fb8c3220da5bd0c148b0686 Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Tue, 7 May 2024 16:35:24 +0200
Subject: [PATCH] fix(ui): session clickmaps added sessionId in paylaod

---
 .../Session_/PageInsightsPanel/PageInsightsPanel.tsx        | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/frontend/app/components/Session_/PageInsightsPanel/PageInsightsPanel.tsx b/frontend/app/components/Session_/PageInsightsPanel/PageInsightsPanel.tsx
index 2315ec90f..704d23bbb 100644
--- a/frontend/app/components/Session_/PageInsightsPanel/PageInsightsPanel.tsx
+++ b/frontend/app/components/Session_/PageInsightsPanel/PageInsightsPanel.tsx
@@ -20,9 +20,10 @@ interface Props {
     loading: boolean;
     host: string;
     setActiveTab: (tab: string) => void;
+    sessionId: string;
 }
 
-function PageInsightsPanel({ filters, fetchInsights, events = [], insights, urlOptions, host, loading = true, setActiveTab }: Props) {
+function PageInsightsPanel({ filters, fetchInsights, events = [], insights, urlOptions, host, loading = true, setActiveTab, sessionId }: Props) {
     const { player: Player } = React.useContext(PlayerContext)
     const markTargets = (t: any) => Player.markTargets(t)
     const defaultValue = urlOptions && urlOptions[0] ? urlOptions[0].value : '';
@@ -54,7 +55,7 @@ function PageInsightsPanel({ filters, fetchInsights, events = [], insights, urlO
         if (urlOptions && urlOptions[0]) {
             const url = insightsFilters.url ? insightsFilters.url : host + urlOptions[0].value;
             Player.pause();
-            fetchInsights({ ...insightsFilters, url });
+            fetchInsights({ ...insightsFilters, sessionId, url });
             markTargets([]);
         }
         prevInsights.current = insightsFilters;
@@ -114,6 +115,7 @@ export default connect(
             events: events,
             urlOptions: events.map(({ url, host }: any) => ({ label: url, value: url, host })),
             loading: state.getIn(['sessions', 'fetchInsightsRequest', 'loading']),
+            sessionId: state.getIn(['sessions', 'current']).sessionId,
         };
     },
     { fetchInsights }