From a128c150cc1cef25ae9a944d72bdde6551d3389c Mon Sep 17 00:00:00 2001
From: karishmas6 <carishmashukla28@gmail.com>
Date: Sun, 1 Sep 2024 22:53:32 +0530
Subject: [PATCH] feat: show user selection is happenning

---
 src/components/organisms/RightSidePanel.tsx | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/components/organisms/RightSidePanel.tsx b/src/components/organisms/RightSidePanel.tsx
index 303b6a0c..5df7903b 100644
--- a/src/components/organisms/RightSidePanel.tsx
+++ b/src/components/organisms/RightSidePanel.tsx
@@ -225,15 +225,17 @@ export const RightSidePanel = () => {
           </Box>
         )}
 
-        {showPaginationSelector && (
-          <Box display="flex" flexDirection="column" gap={2} style={{ margin: '15px' }}>
-            <Typography>Please select the pagination element on the page</Typography>
-            <Button variant="contained" onClick={handleStartPaginationSelection}>Start Selection</Button>
-            {paginationSelector && (
-              <Typography>Selected pagination element: {paginationSelector}</Typography>
-            )}
-          </Box>
-        )}
+{showPaginationSelector && (
+        <Box display="flex" flexDirection="column" gap={2} style={{ margin: '15px' }}>
+          <Typography>Please select the pagination element on the page</Typography>
+          <Button variant="contained" onClick={handleStartPaginationSelection} disabled={isSelectingPagination}>
+            {isSelectingPagination ? 'Selecting...' : 'Start Selection'}
+          </Button>
+          {paginationSelector && (
+            <Typography>Selected pagination element: {paginationSelector}</Typography>
+          )}
+        </Box>
+      )}
 
         {!getText && !getScreenshot && !getList && <Button variant="contained" onClick={startGetText}>Capture Text</Button>}
         {getText &&