From ed12d570bcaba212b41b6a1541d3631da3163a8d Mon Sep 17 00:00:00 2001
From: Kumar Anirudha <mail@anirudha.dev>
Date: Wed, 2 Oct 2024 18:38:44 +0530
Subject: [PATCH] fixed count display for packages

---
 frontend/src/components/Packages/List.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/Packages/List.tsx b/frontend/src/components/Packages/List.tsx
index c8bf9a910..4edb17c9c 100644
--- a/frontend/src/components/Packages/List.tsx
+++ b/frontend/src/components/Packages/List.tsx
@@ -25,6 +25,7 @@ function List(props: { appID: string }) {
   const rowsPerPage = 10;
   const [page, setPage] = React.useState(0);
   const { t } = useTranslation();
+  const [totalCount, setTotalCount] = React.useState(0);
 
   function onChange() {
     setApplication(applicationsStore().getCachedApplication(props.appID));
@@ -41,6 +42,7 @@ function List(props: { appID: string }) {
             return;
           }
           setPackages(result.packages);
+          setTotalCount(result.totalCount);
         })
         .catch(err => {
           console.error('Error getting the packages in the Packages/List: ', err);
@@ -125,7 +127,7 @@ function List(props: { appID: string }) {
                 <TablePagination
                   rowsPerPageOptions={[]}
                   component="div"
-                  count={packages.length}
+                  count={totalCount}
                   rowsPerPage={rowsPerPage}
                   page={page}
                   backIconButtonProps={{