From 5d0fa963438f2bd826cb93a37e1c1d86cba92c31 Mon Sep 17 00:00:00 2001
From: karishmas6 <carishmashukla28@gmail.com>
Date: Fri, 6 Sep 2024 23:14:41 +0530
Subject: [PATCH] feat: handle highlighter based on pagination type

---
 src/components/organisms/BrowserWindow.tsx | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/components/organisms/BrowserWindow.tsx b/src/components/organisms/BrowserWindow.tsx
index 75b463de..5706c51f 100644
--- a/src/components/organisms/BrowserWindow.tsx
+++ b/src/components/organisms/BrowserWindow.tsx
@@ -118,8 +118,12 @@ export const BrowserWindow = () => {
             if (listSelector) {
                 socket?.emit('listSelector', { selector: listSelector });
                 if (paginationMode) {
-                    // Pagination mode: set the highlighterData regardless of childSelectors
-                    setHighlighterData(data);
+                    // Pagination mode: only set highlighterData if type is not empty, 'scrollDown', or 'scrollUp'
+                    if (paginationType !== '' && paginationType !== 'scrollDown' && paginationType !== 'scrollUp') {
+                        setHighlighterData(data);
+                    } else {
+                        setHighlighterData(null);
+                    }
                 } else if (data.childSelectors && data.childSelectors.includes(data.selector)) {
                     // !Pagination mode: highlight only valid child elements within the listSelector
                     setHighlighterData(data);
@@ -133,7 +137,7 @@ export const BrowserWindow = () => {
         } else {
             setHighlighterData(data); // For non-list steps
         }
-    }, [highlighterData, getList, socket, listSelector, paginationMode]);
+    }, [highlighterData, getList, socket, listSelector, paginationMode, paginationType]);
 
 
     useEffect(() => {
@@ -190,7 +194,7 @@ export const BrowserWindow = () => {
                 if (paginationMode && getList) {
                     setPaginationSelector(highlighterData.selector)
                     // In pagination mode, treat any selection as the pagination selector
-                    addListStep(listSelector!, fields, currentListId || 0, { type: '', selector: paginationSelector });
+                    addListStep(listSelector!, fields, currentListId || 0, { type: paginationType, selector: paginationSelector });
                     return;
                 }
 
@@ -289,6 +293,7 @@ export const BrowserWindow = () => {
 
     const resetPaginationSelector = useCallback(() => {
         setPaginationSelector('');
+        setPaginationType('');
     }, []);
 
     useEffect(() => {