From f63f5a9d9a818ee25e9f26a5feb27370ab35b1f5 Mon Sep 17 00:00:00 2001
From: Christoph Jerolimov <jerolimov+git@redhat.com>
Date: Mon, 2 Dec 2024 23:05:38 +0100
Subject: [PATCH] fix(bulk-import): fix add repository pagination
 padding/position

Signed-off-by: Christoph Jerolimov <jerolimov+git@redhat.com>
---
 .../.changeset/slow-trains-pretend.md         |  5 ++
 .../AddRepositories/RepositoriesTable.tsx     | 46 +++++++++----------
 2 files changed, 28 insertions(+), 23 deletions(-)
 create mode 100644 workspaces/bulk-import/.changeset/slow-trains-pretend.md

diff --git a/workspaces/bulk-import/.changeset/slow-trains-pretend.md b/workspaces/bulk-import/.changeset/slow-trains-pretend.md
new file mode 100644
index 00000000..6e8d0d6c
--- /dev/null
+++ b/workspaces/bulk-import/.changeset/slow-trains-pretend.md
@@ -0,0 +1,5 @@
+---
+'@red-hat-developer-hub/backstage-plugin-bulk-import': patch
+---
+
+fix add repository pagination padding/position
diff --git a/workspaces/bulk-import/plugins/bulk-import/src/components/AddRepositories/RepositoriesTable.tsx b/workspaces/bulk-import/plugins/bulk-import/src/components/AddRepositories/RepositoriesTable.tsx
index bbbc251b..b20d5a49 100644
--- a/workspaces/bulk-import/plugins/bulk-import/src/components/AddRepositories/RepositoriesTable.tsx
+++ b/workspaces/bulk-import/plugins/bulk-import/src/components/AddRepositories/RepositoriesTable.tsx
@@ -319,30 +319,30 @@ export const RepositoriesTable = ({
             showOrganizations={showOrganizations}
           />
         </Table>
+        {!isOpen && tableData?.length > 0 && (
+          <TablePagination
+            style={{ height: '30%' }}
+            rowsPerPageOptions={[
+              { value: 5, label: '5 rows' },
+              { value: 10, label: '10 rows' },
+              { value: 20, label: '20 rows' },
+              { value: 50, label: '50 rows' },
+              { value: 100, label: '100 rows' },
+            ]}
+            component="div"
+            count={
+              (showOrganizations
+                ? data?.totalOrganizations
+                : data?.totalRepositories) || 0
+            }
+            rowsPerPage={rowsPerPage}
+            page={effectivePage}
+            onPageChange={handleChangePage}
+            onRowsPerPageChange={handleChangeRowsPerPage}
+            labelRowsPerPage={null}
+          />
+        )}
       </TableContainer>
-      {!isOpen && tableData?.length > 0 && (
-        <TablePagination
-          style={{ height: '30%' }}
-          rowsPerPageOptions={[
-            { value: 5, label: '5 rows' },
-            { value: 10, label: '10 rows' },
-            { value: 20, label: '20 rows' },
-            { value: 50, label: '50 rows' },
-            { value: 100, label: '100 rows' },
-          ]}
-          component="div"
-          count={
-            (showOrganizations
-              ? data?.totalOrganizations
-              : data?.totalRepositories) || 0
-          }
-          rowsPerPage={rowsPerPage}
-          page={effectivePage}
-          onPageChange={handleChangePage}
-          onRowsPerPageChange={handleChangeRowsPerPage}
-          labelRowsPerPage={null}
-        />
-      )}
       {showOrganizations && activeOrganization && (
         <AddRepositoriesDrawer
           title="Selected repositories"