dont work

src/views/home/groups/GroupItem.tsx

@@ -1,31 +1,37 @@
 import { cn } from "../../../lib/cn";
 import { Book, UserAdd, Edit, EyeClosed, EyeOpen } from "../../../assets/icons/groups";
 import { useNavigate } from "react-router-dom";
+import { GroupUpdate } from "./Groups";
 
 export interface GroupItemProps {
     id: number;
     role: "menager" | "member" | "owner" | "viewer";
     visible: boolean;
     name: string;
+    description: string;
+    setUpdateActive: (value: any) => void;
+    setUpdateGroup: (value: GroupUpdate) => void;
 }
 
 
 interface IconComponentProps {
     src: string;
+    onClick?: () => void;
 }
 
 const IconComponent: React.FC<IconComponentProps> = ({
-    src
+    src, onClick = () => void
 }) => {
 
     return <img 
     src={src}
+    onClick={() => onClick()}
     className="hover:bg-liquid-light rounded-[5px] cursor-pointer transition-all duration-300"
     />
 }
 
 const GroupItem: React.FC<GroupItemProps> = ({
-    id, name, visible, role
+    id, name, visible, role, description, setUpdateGroup, setUpdateActive
 }) => {
     const navigate = useNavigate();
 
@@ -45,7 +51,10 @@ const GroupItem: React.FC<GroupItemProps> = ({
                             (role == "menager" || role == "owner") && <IconComponent src={UserAdd}/>
                         }
                         {
-                            (role == "menager" || role == "owner") && <IconComponent src={Edit}/>
+                            (role == "menager" || role == "owner") && <IconComponent src={Edit} onClick={() => {
+                                setUpdateGroup({id, });
+                                setUpdateActive(true);
+                            }} />
                         }
                         {
                             visible == false && <IconComponent src={EyeOpen} />