add model

src/views/home/groups/Groups.tsx

@@ -1,12 +1,14 @@
-import { useEffect, useMemo } from "react";
+import { useEffect, useMemo, useState } from "react";
 import { SecondaryButton } from "../../../components/button/SecondaryButton";
 import { cn } from "../../../lib/cn";
 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";
 
 const Groups = () => {
+    const [modalActive, setModalActive] = useState<boolean>(false);
     const dispatch = useAppDispatch();
 
     // Берём группы из стора
@@ -56,7 +58,7 @@ const Groups = () => {
                         Группы
                     </div>
                     <SecondaryButton
-                        onClick={() => {}}
+                        onClick={() => {setModalActive(true);}}
                         text="Создать группу"
                         className="absolute right-0"
                     />
@@ -80,6 +82,11 @@ const Groups = () => {
                     groups={hiddenGroups} // пока пусто
                 />
             </div>
+
+
+            <Modal className="bg-liquid-lighter p-[20px] rounded-[20px]" onOpenChange={setModalActive} open={modalActive} backdrop="blur" >
+                    <div>modal</div>
+            </Modal>
         </div>
     );
 };