From f279aea1cbff50f3b4805ab595d3289ff2eca37d Mon Sep 17 00:00:00 2001
From: Arik Chakma <arikchangma@gmail.com>
Date: Thu, 17 Apr 2025 17:25:00 +0600
Subject: [PATCH] fix: pagination number (#8504)

---
 src/components/Pagination/Pagination.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/Pagination/Pagination.tsx b/src/components/Pagination/Pagination.tsx
index 3f4c8d604..c20214c8b 100644
--- a/src/components/Pagination/Pagination.tsx
+++ b/src/components/Pagination/Pagination.tsx
@@ -31,6 +31,8 @@ export function Pagination(props: PaginationProps) {
   }
 
   const pages = usePagination(currPage, totalPages, 5);
+  const showingFrom = (currPage - 1) * perPage + 1;
+  const showingTo = Math.min(showingFrom + perPage - 1, totalCount);
 
   return (
     <div
@@ -98,9 +100,9 @@ export function Pagination(props: PaginationProps) {
         </button>
       </div>
       <span className="ml-2 hidden text-sm font-normal text-gray-500 sm:block">
-        Showing {formatCommaNumber((currPage - 1) * perPage)} to{' '}
-        {formatCommaNumber((currPage - 1) * perPage + perPage)} of{' '}
-        {formatCommaNumber(totalCount)} entries
+        Showing {formatCommaNumber(showingFrom)} to{' '}
+        {formatCommaNumber(showingTo)} of {formatCommaNumber(totalCount)}{' '}
+        entries
       </span>
     </div>
   );