From 148e3363f6894e1364cd46fe89b86f5de8803711 Mon Sep 17 00:00:00 2001
From: karishmas6 <carishmashukla28@gmail.com>
Date: Sun, 1 Sep 2024 01:17:15 +0530
Subject: [PATCH] feat: pagination selection ui

---
 src/components/organisms/RightSidePanel.tsx | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/components/organisms/RightSidePanel.tsx b/src/components/organisms/RightSidePanel.tsx
index b56544da..fb2fae9b 100644
--- a/src/components/organisms/RightSidePanel.tsx
+++ b/src/components/organisms/RightSidePanel.tsx
@@ -209,6 +209,16 @@ 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>
+      )}
+
         {!getText && !getScreenshot && !getList && <Button variant="contained" onClick={startGetText}>Capture Text</Button>}
         {getText &&
           <>