fix(bulk-import): fix add repository pagination padding/position

Signed-off-by: Christoph Jerolimov <[email protected]>
redhat-developer · Dec 2, 2024 · f63f5a9 · f63f5a9
1 parent 651312a
commit f63f5a9
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 23 deletions.
diff --git a/workspaces/bulk-import/.changeset/slow-trains-pretend.md 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/...aces/bulk-import/plugins/bulk-import/src/components/AddRepositories/RepositoriesTable.tsx b/...aces/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"