fix(TablePaginationControls): Hide total pages text when page input i…

…s hidden (#1158)
canonical · Nov 1, 2024 · a853161 · a853161
1 parent 3a66137
commit a853161
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/src/components/TablePagination/TablePaginationControls/TablePaginationControls.test.tsx b/src/components/TablePagination/TablePaginationControls/TablePaginationControls.test.tsx
@@ -112,6 +112,7 @@ describe("<TablePaginationControls />", () => {
     expect(
       screen.queryByRole("spinbutton", { name: Label.PAGE_NUMBER }),
     ).not.toBeInTheDocument();
+    expect(screen.queryByText("of 5")).not.toBeInTheDocument();
   });
 
   it("can display the description", async () => {

diff --git a/src/components/TablePagination/TablePaginationControls/TablePaginationControls.tsx b/src/components/TablePagination/TablePaginationControls/TablePaginationControls.tsx
@@ -138,9 +138,9 @@ const TablePaginationControls = ({
             value={currentPage}
             type="number"
           />{" "}
+          {typeof totalPages === "number" ? `of ${totalPages}` : null}
         </>
       ) : null}
-      {typeof totalPages === "number" ? `of ${totalPages}` : null}
       <Button
         aria-label={Label.NEXT_PAGE}
         className="next"