From 7c2872ab06877fbdc1855cd25edda5558832da04 Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Tue, 31 Jan 2023 15:11:35 +0100
Subject: [PATCH] fix(ui) - pagination and data

---
 .../components/WidgetSessions/WidgetSessions.tsx       | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/frontend/app/components/Dashboard/components/WidgetSessions/WidgetSessions.tsx b/frontend/app/components/Dashboard/components/WidgetSessions/WidgetSessions.tsx
index c62671944..3c7f6aacb 100644
--- a/frontend/app/components/Dashboard/components/WidgetSessions/WidgetSessions.tsx
+++ b/frontend/app/components/Dashboard/components/WidgetSessions/WidgetSessions.tsx
@@ -61,7 +61,8 @@ function WidgetSessions(props: Props) {
     const debounceClickMapSearch = React.useCallback(debounce(fetchClickmapSessions, 1000), [])
 
     const depsString = JSON.stringify(widget.series);
-    useEffect(() => {
+    
+    const loadData = () => {
         if (widget.metricType === CLICKMAP && metricStore.clickMapSearch) {
             const clickFilter = {
                 value: [
@@ -88,7 +89,12 @@ function WidgetSessions(props: Props) {
                 limit: metricStore.sessionsPageSize,
             });
         }
-    }, [filter.startTimestamp, filter.endTimestamp, filter.filters, depsString, metricStore.sessionsPage, metricStore.clickMapSearch]);
+    }
+    useEffect(() => {
+        metricStore.updateKey('sessionsPage', 1);
+        loadData();
+    }, [filter.startTimestamp, filter.endTimestamp, filter.filters, depsString, metricStore.clickMapSearch]);
+    useEffect(loadData, [metricStore.sessionsPage]);
 
     return (
         <div className={cn(className, "bg-white p-3 pb-0 rounded border")}>