dont work

src/views/home/groups/Groups.tsx

@@ -5,11 +5,22 @@ import { useAppDispatch, useAppSelector } from "../../../redux/hooks";
 import GroupsBlock from "./GroupsBlock";
 import { setMenuActivePage } from "../../../redux/slices/store";
 import { fetchMyGroups } from "../../../redux/slices/groups";
-import { Modal } from "../../../components/modal/Modal";
+import ModalCreate from "./ModalCreate";
+import ModalUpdate from "./ModalUpdate";
+
+export interface GroupUpdate {
+    id: number;
+    name: string;
+    description: string;
+}
 
 const Groups = () => {
     const [modalActive, setModalActive] = useState<boolean>(false);
+    const [modelUpdateActive, setModalUpdateActive] = useState<boolean>(false);
+    const [updateGroup, setUpdateGroup] = useState<GroupUpdate>({id: 0, name: "", description: ""});
+
     const dispatch = useAppDispatch();
+    
 
     // Берём группы из стора
     const groups = useAppSelector((store) => store.groups.groups);
@@ -84,9 +95,8 @@ const Groups = () => {
             </div>
 
 
-            <Modal className="bg-liquid-lighter p-[20px] rounded-[20px]" onOpenChange={setModalActive} open={modalActive} backdrop="blur" >
-                    <div>modal</div>
-            </Modal>
+            <ModalCreate setActive={setModalActive} active={modalActive} />
+            <ModalUpdate setActive={setModalUpdateActive} active={modelUpdateActive} groupId={updateGroup.id} groupName={updateGroup.name}/>
         </div>
     );
 };