Merge pull request #995 from ita-social-projects/#985-Admin]-Paginati…

…on-for-Users-List move the pagination block to the center of the page
ita-social-projects · Dec 3, 2024 · 2fca8d1 · 2fca8d1
2 parents c4ed6c0 + 0832ef4
commit 2fca8d1
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 2 deletions.
diff --git a/FrontEnd/src/pages/AdminPage/UserProfilesTable/UserTable.jsx b/FrontEnd/src/pages/AdminPage/UserProfilesTable/UserTable.jsx
@@ -9,7 +9,7 @@ import css from './UserTable.module.scss';
 
 
 const LENGTH_EMAIL = 14;
-const DEFAULT_PAGE_SIZE = 20;
+const DEFAULT_PAGE_SIZE = 10;
 
 function UserTable() {
     const location = useLocation();
@@ -244,12 +244,12 @@ function UserTable() {
     return (
         <div className={css['table-container']}>
             <Pagination
+                showSizeChanger
                 current={currentPage}
                 pageSize={pageSize}
                 total={totalItems}
                 onChange={handlePageChange}
                 onShowSizeChange={handlePageChange}
-                showSizeChanger={false}
                 showTitle={false}
                 className={css['pagination']}
             />
@@ -266,6 +266,16 @@ function UserTable() {
                     cancelSort: 'Відмінити сортування',
                 }}
             />
+            <Pagination
+                showSizeChanger
+                current={currentPage}
+                pageSize={pageSize}
+                total={totalItems}
+                onChange={handlePageChange}
+                onShowSizeChange={handlePageChange}
+                showTitle={false}
+                className={css['pagination']}
+            />
         </div>
     );
 }

diff --git a/FrontEnd/src/pages/AdminPage/UserProfilesTable/UserTable.module.scss b/FrontEnd/src/pages/AdminPage/UserProfilesTable/UserTable.module.scss
@@ -29,6 +29,7 @@
 .pagination {
     margin-top: 16px;
     text-align: center;
+    justify-content: center;
     margin-bottom: 16px;
 }
 

diff --git a/FrontEnd/src/routes/AdminRouter.jsx b/FrontEnd/src/routes/AdminRouter.jsx
@@ -59,6 +59,9 @@ function AdminRouter() {
                     filterReset: 'Скинути',
                     filterConfirm: 'Застосувати',
                 },
+                Pagination: {
+                    items_per_page: '/ сторінка'
+                }
             }}
         >
             <BurgerMenuProvider>