From 1aea56c4998c337b4e757f666ace883776ccbab2 Mon Sep 17 00:00:00 2001
From: "ns.potapov" <ns.potapov@yandex.ru>
Date: Thu, 11 Jan 2024 16:45:32 +0400
Subject: [PATCH] =?UTF-8?q?=D0=9E=D1=82=D0=BE=D0=B1=D1=80=D0=B0=D0=B6?=
 =?UTF-8?q?=D0=B5=D0=BD=D0=B8=D0=B5=20=D0=B3=D1=80=D1=83=D0=BF=D0=BF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/GroupsPage/GroupsPage.jsx | 21 ++++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/src/pages/GroupsPage/GroupsPage.jsx b/src/pages/GroupsPage/GroupsPage.jsx
index e7707ea..08aa52e 100644
--- a/src/pages/GroupsPage/GroupsPage.jsx
+++ b/src/pages/GroupsPage/GroupsPage.jsx
@@ -1,11 +1,30 @@
+import { Container } from "react-bootstrap";
+import { useGroups } from "../../hooks/GroupHook";
 import { useOnlyTeachers } from "../../hooks/UserHooks";
+import GroupTableRow from "../../components/grouptablerow/grouptablerow";
+Container
 
 const GroupsPage = () => {
     useOnlyTeachers();
+    const { groups, handleGroupsChange } = useGroups();
 
     return (
         <>
-            <h5>GroupsPage</h5>
+            <Container>
+                <table className="table">
+                    <thead>
+                        <tr>
+                            <th scope="col">ID</th>
+                            <th scope="col">Название</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        {
+                            groups.map((group, index) => <GroupTableRow key={index} group={group} />)
+                        }
+                    </tbody>
+                </table>
+            </Container>
         </>
     );
 };