From 0832ef4eaa092b555a21d80de0d2c8ae0a1d1e87 Mon Sep 17 00:00:00 2001
From: Andriy Danchyshyn <danchyshy.andriy@gmail.com>
Date: Mon, 2 Dec 2024 13:20:25 +0200
Subject: [PATCH] move the pagination block to the center of the page

---
 .../AdminPage/UserProfilesTable/UserTable.jsx      | 14 ++++++++++++--
 .../UserProfilesTable/UserTable.module.scss        |  1 +
 FrontEnd/src/routes/AdminRouter.jsx                |  3 +++
 3 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/FrontEnd/src/pages/AdminPage/UserProfilesTable/UserTable.jsx b/FrontEnd/src/pages/AdminPage/UserProfilesTable/UserTable.jsx
index 389670d35..97b845387 100644
--- 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
index bc31831e7..13882c5bd 100644
--- 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
index 938d32179..f0ce191bd 100644
--- 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>