list pagination modified

src/_digifi/layout/components/paginatedListing/RecentBVNList.tsx

@@ -89,24 +89,24 @@ export default function RecentBVNList({
         <div className="mt-2 mt-sm-5 w-full d-flex gap-4 justify-content-center align-items-center">
         <button
           onClick={handlePrev}
-          className={`text-sm md:text-lg rounded-circle d-flex justify-content-center align-items-center border-1 transition-all duration-300 ${
+          className={`text-sm md:text-lg d-flex justify-content-center align-items-center border-1 transition-all duration-300 ${
             currentPage == 0
               ? "text-slate-400 border-slate-400 dark:text-slate-400 dark:border-slate-400 pe-none"
               : "text-slate-600 border-slate-600 dark:text-white dark:border-white"
           }`}
-          style={{width:'30px', height:'30px'}}
+          // style={{width:'30px', height:'30px'}}
         >
-          &lt;
+          &lt; Previous
         </button>
 
-        {data.length && data.map((item, index)=>{
+        {/* {data.length && data.map((item, index)=>{
           item = item
           if(index%itemsPerPage == 0 && index >= currentPage && index <= currentPage+itemsPerPage){
             return (
               <button
                 key={index}
                 onClick={handleNext}
-                className={`text-sm md:text-lg rounded-circle d-flex justify-content-center align-items-center border-1 transition-all duration-300 ${
+                className={`text-sm md:text-lg d-flex justify-content-center align-items-center border-1 transition-all duration-300 ${
                   currentPage != index
                     ? "text-slate-400 border-slate-400 dark:text-slate-400 dark:border-slate-400"
                     : "text-slate-600 border-slate-600 dark:text-white dark:border-white pe-none"
@@ -117,18 +117,18 @@ export default function RecentBVNList({
               </button>
             )
           }
-        })}
+        })} */}
 
         <button
           onClick={handleNext}
-          className={`text-sm md:text-lg rounded-circle d-flex justify-content-center align-items-center border-1 transition-all duration-300 ${
+          className={`text-sm md:text-lg d-flex justify-content-center align-items-center border-1 transition-all duration-300 ${
             currentPage + numberOfSelection >= data.length
               ? "text-slate-400 border-slate-400 dark:text-slate-400 dark:border-slate-400 pe-none"
               : "text-slate-600 border-slate-600 dark:text-white dark:border-white"
           }`}
-          style={{width:'30px', height:'30px'}}
+          // style={{width:'30px', height:'30px'}}
         >
-          &gt;
+         Next &gt;
         </button>
       </div>
       )}

src/_digifi/layout/components/paginatedListing/RecentLoanAppList.tsx

@@ -89,17 +89,17 @@ export default function RecentLoanAppList({
         <div className="mt-2 mt-sm-5 w-full d-flex gap-4 justify-content-center align-items-center">
         <button
           onClick={handlePrev}
-          className={`text-sm md:text-lg rounded-circle d-flex justify-content-center align-items-center border-1 transition-all duration-300 ${
+          className={`text-sm md:text-lg d-flex justify-content-center align-items-center border-1 transition-all duration-300 ${
             currentPage == 0
               ? "text-slate-400 border-slate-400 dark:text-slate-400 dark:border-slate-400 pe-none"
               : "text-slate-600 border-slate-600 dark:text-white dark:border-white"
           }`}
-          style={{width:'30px', height:'30px'}}
+          // style={{width:'30px', height:'30px'}}
         >
-          &lt;
+          &lt; Previous
         </button>
 
-        {data.length && data.map((item, index)=>{
+        {/* {data.length && data.map((item, index)=>{
           item = item
           if(index%itemsPerPage == 0 && index >= currentPage && index <= currentPage+itemsPerPage){
             return (
@@ -117,18 +117,18 @@ export default function RecentLoanAppList({
               </button>
             )
           }
-        })}
+        })} */}
 
         <button
           onClick={handleNext}
-          className={`text-sm md:text-lg rounded-circle d-flex justify-content-center align-items-center border-1 transition-all duration-300 ${
+          className={`text-sm md:text-lg d-flex justify-content-center align-items-center border-1 transition-all duration-300 ${
             currentPage + numberOfSelection >= data.length
               ? "text-slate-400 border-slate-400 dark:text-slate-400 dark:border-slate-400 pe-none"
               : "text-slate-600 border-slate-600 dark:text-white dark:border-white"
           }`}
-          style={{width:'30px', height:'30px'}}
+          // style={{width:'30px', height:'30px'}}
         >
-          &gt;
+          Next &gt;
         </button>
       </div>
       )}