From cb3860297a011336bbf0e2b5e5a530842737efb9 Mon Sep 17 00:00:00 2001
From: Andrei Duvakin <andrei@duvakin.ru>
Date: Mon, 10 Feb 2025 18:02:42 +0500
Subject: [PATCH] =?UTF-8?q?=D1=81=D0=B4=D0=B5=D0=BB=D0=B0=D0=BB=20=D0=BF?=
 =?UTF-8?q?=D0=BE=D1=81=D1=82=D1=80=D0=B0=D0=BD=D0=B8=D1=87=D0=BD=D0=BE?=
 =?UTF-8?q?=D0=B5=20=D0=BE=D1=82=D0=BE=D0=B1=D1=80=D0=B0=D0=B6=D0=B5=D0=BD?=
 =?UTF-8?q?=D0=B8=D0=B5=20=D0=BF=D0=B0=D1=86=D0=B8=D0=B5=D0=BD=D1=82=D0=BE?=
 =?UTF-8?q?=D0=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web-app/src/pages/PatientsPage.jsx | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/web-app/src/pages/PatientsPage.jsx b/web-app/src/pages/PatientsPage.jsx
index 6147602..9496f51 100644
--- a/web-app/src/pages/PatientsPage.jsx
+++ b/web-app/src/pages/PatientsPage.jsx
@@ -5,6 +5,7 @@ import { useAuth } from "../AuthContext.jsx";
 import getAllPatients from "../api/GetAllPatients.jsx";
 import PatientListCard from "../components/PatientListCard.jsx";
 
+const { Search } = Input;
 const { Option } = Select;
 
 const PatientsPage = () => {
@@ -14,6 +15,9 @@ const PatientsPage = () => {
     const [patients, setPatients] = useState([]);
     const [error, setError] = useState(null);
 
+    const [current, setCurrent] = useState(1);
+    const [pageSize, setPageSize] = useState(10);
+
     useEffect(() => {
         const fetchPatients = async () => {
             if (!user || !user.token) return;
@@ -45,7 +49,7 @@ const PatientsPage = () => {
         <div style={{ padding: 20 }}>
             <Row gutter={[16, 16]} style={{ marginBottom: 20 }}>
                 <Col xs={24} sm={16}>
-                    <Input
+                    <Search
                         placeholder="Поиск пациента"
                         onChange={(e) => setSearchText(e.target.value)}
                         style={{ width: "100%" }}
@@ -71,6 +75,16 @@ const PatientsPage = () => {
                         <PatientListCard patient={patient} />
                     </List.Item>
                 )}
+                pagination={{
+                    current,
+                    pageSize,
+                    showSizeChanger: true,
+                    pageSizeOptions: ["5", "10", "20", "50"],
+                    onChange: (page, newPageSize) => {
+                        setCurrent(page);
+                        setPageSize(newPageSize);
+                    },
+                }}
             />
 
             <FloatButton