From 8052ef12a91f94a5d4ba36ebec83c574cb4b751f Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Wed, 3 Jun 2026 03:35:24 +0000
Subject: [PATCH] feat: add bottom page navigator to PDF signing flows

---
 apps/OpenSign/src/pages/PdfRequestFiles.jsx     | 8 ++++++++
 apps/OpenSign/src/pages/PlaceHolderSign.jsx     | 8 ++++++++
 apps/OpenSign/src/pages/SignyourselfPdf.jsx     | 8 ++++++++
 apps/OpenSign/src/pages/TemplatePlaceholder.jsx | 8 ++++++++
 4 files changed, 32 insertions(+)

diff --git a/apps/OpenSign/src/pages/PdfRequestFiles.jsx b/apps/OpenSign/src/pages/PdfRequestFiles.jsx
index a43e07a4c..02e71c6ad 100644
--- a/apps/OpenSign/src/pages/PdfRequestFiles.jsx
+++ b/apps/OpenSign/src/pages/PdfRequestFiles.jsx
@@ -52,6 +52,7 @@ import {
   convertJpegToPng,
 } from "../constant/Utils";
 import Header from "../components/pdf/PdfHeader";
+import PrevNext from "../components/pdf/PrevNext";
 import RenderPdf from "../components/pdf/RenderPdf";
 import DefaultSignature from "../components/pdf/DefaultSignature";
 import SignerListComponent from "../components/pdf/SignerListComponent";
@@ -2160,6 +2161,13 @@ function PdfRequestFiles(
                         />
                       )}
                     </div>
+                    <div className="flex justify-center py-2">
+                      <PrevNext
+                        pageNumber={pageNumber}
+                        allPages={allPages}
+                        changePage={changePage}
+                      />
+                    </div>
                   </div>
                 </div>
 
diff --git a/apps/OpenSign/src/pages/PlaceHolderSign.jsx b/apps/OpenSign/src/pages/PlaceHolderSign.jsx
index 5d26d86cc..6d471a80f 100644
--- a/apps/OpenSign/src/pages/PlaceHolderSign.jsx
+++ b/apps/OpenSign/src/pages/PlaceHolderSign.jsx
@@ -9,6 +9,7 @@ import Tour from "../primitives/Tour";
 import { useLocation, useParams } from "react-router";
 import SignerListPlace from "../components/pdf/SignerListPlace";
 import Header from "../components/pdf/PdfHeader";
+import PrevNext from "../components/pdf/PrevNext";
 import ShareButton from "../primitives/ShareButton";
 import {
   pdfNewWidthFun,
@@ -2270,6 +2271,13 @@ function PlaceHolderSign() {
                   />
                 )}
               </div>
+              <div className="flex justify-center py-2">
+                <PrevNext
+                  pageNumber={pageNumber}
+                  allPages={allPages}
+                  changePage={changePage}
+                />
+              </div>
             </div>
           </div>
 
diff --git a/apps/OpenSign/src/pages/SignyourselfPdf.jsx b/apps/OpenSign/src/pages/SignyourselfPdf.jsx
index a1b66f63f..796418c96 100644
--- a/apps/OpenSign/src/pages/SignyourselfPdf.jsx
+++ b/apps/OpenSign/src/pages/SignyourselfPdf.jsx
@@ -44,6 +44,7 @@ import { useParams } from "react-router";
 import Tour from "../primitives/Tour";
 import Signedby from "../components/pdf/Signedby";
 import Header from "../components/pdf/PdfHeader";
+import PrevNext from "../components/pdf/PrevNext";
 import RenderPdf from "../components/pdf/RenderPdf";
 import PlaceholderCopy from "../components/pdf/PlaceholderCopy";
 import DropdownWidgetOption from "../components/pdf/DropdownWidgetOption";
@@ -1515,6 +1516,13 @@ function SignYourSelf() {
                     />
                   )}
                 </div>
+                <div className="flex justify-center py-2">
+                  <PrevNext
+                    pageNumber={pageNumber}
+                    allPages={allPages}
+                    changePage={changePage}
+                  />
+                </div>
               </div>
             </div>
             <div className="w-full md:w-[23%] bg-base-100 overflow-y-auto hide-scrollbar">
diff --git a/apps/OpenSign/src/pages/TemplatePlaceholder.jsx b/apps/OpenSign/src/pages/TemplatePlaceholder.jsx
index b864d2ef8..04376e47a 100644
--- a/apps/OpenSign/src/pages/TemplatePlaceholder.jsx
+++ b/apps/OpenSign/src/pages/TemplatePlaceholder.jsx
@@ -7,6 +7,7 @@ import WidgetComponent from "../components/pdf/WidgetComponent";
 import Tour from "../primitives/Tour";
 import SignerListPlace from "../components/pdf/SignerListPlace";
 import Header from "../components/pdf/PdfHeader";
+import PrevNext from "../components/pdf/PrevNext";
 import WidgetNameModal from "../components/pdf/WidgetNameModal";
 import {
   copytoData,
@@ -2127,6 +2128,13 @@ const TemplatePlaceholder = () => {
                   />
                 )}
               </div>
+              <div className="flex justify-center py-2">
+                <PrevNext
+                  pageNumber={pageNumber}
+                  allPages={allPages}
+                  changePage={changePage}
+                />
+              </div>
             </div>
           </div>
           {/* signature button */}