formatting

src/views/home/groups/Groups.tsx

@@ -1,12 +1,12 @@
-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 ModalCreate from "./ModalCreate";
-import ModalUpdate from "./ModalUpdate";
+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 ModalCreate from './ModalCreate';
+import ModalUpdate from './ModalUpdate';
 
 export interface GroupUpdate {
     id: number;
@@ -17,11 +17,14 @@ export interface GroupUpdate {
 const Groups = () => {
     const [modalActive, setModalActive] = useState<boolean>(false);
     const [modelUpdateActive, setModalUpdateActive] = useState<boolean>(false);
-    const [updateGroup, setUpdateGroup] = useState<GroupUpdate>({ id: 0, name: "", description: "" });
+    const [updateGroup, setUpdateGroup] = useState<GroupUpdate>({
+        id: 0,
+        name: '',
+        description: '',
+    });
 
     const dispatch = useAppDispatch();
 
-
     // Берём группы из стора
     const groups = useAppSelector((store) => store.groups.groups);
 
@@ -29,8 +32,8 @@ const Groups = () => {
     const currentUserName = useAppSelector((store) => store.auth.username);
 
     useEffect(() => {
-        dispatch(setMenuActivePage("groups"));
-        dispatch(fetchMyGroups())
+        dispatch(setMenuActivePage('groups'));
+        dispatch(fetchMyGroups());
     }, [dispatch]);
 
     // Разделяем группы
@@ -44,17 +47,23 @@ const Groups = () => {
         const hidden: typeof groups = []; // пока пустые, без логики
 
         groups.forEach((group) => {
-            const me = group.members.find((m) => m.username === currentUserName);
+            const me = group.members.find(
+                (m) => m.username === currentUserName,
+            );
             if (!me) return;
 
-            if (me.role === "Administrator") {
+            if (me.role === 'Administrator') {
                 managed.push(group);
             } else {
                 current.push(group);
             }
         });
 
-        return { managedGroups: managed, currentGroups: current, hiddenGroups: hidden };
+        return {
+            managedGroups: managed,
+            currentGroups: current,
+            hiddenGroups: hidden,
+        };
     }, [groups, currentUserName]);
 
     return (
@@ -63,13 +72,15 @@ const Groups = () => {
                 <div className="relative flex items-center mb-[20px]">
                     <div
                         className={cn(
-                            "h-[50px] text-[40px] font-bold text-liquid-white flex items-center"
+                            'h-[50px] text-[40px] font-bold text-liquid-white flex items-center',
                         )}
                     >
                         Группы
                     </div>
                     <SecondaryButton
-                        onClick={() => { setModalActive(true); }}
+                        onClick={() => {
+                            setModalActive(true);
+                        }}
                         text="Создать группу"
                         className="absolute right-0"
                     />
@@ -83,7 +94,6 @@ const Groups = () => {
                     groups={managedGroups}
                     setUpdateActive={setModalUpdateActive}
                     setUpdateGroup={setUpdateGroup}
-
                 />
                 <GroupsBlock
                     className="mb-[20px]"
@@ -101,7 +111,6 @@ const Groups = () => {
                 />
             </div>
 
-
             <ModalCreate setActive={setModalActive} active={modalActive} />
             <ModalUpdate
                 setActive={setModalUpdateActive}