Invite and Session API/Services; Home view; Sidebar Items; Modals

src/components/Member/Member.tsx

@@ -5,7 +5,7 @@ const Member: Component<IMemberProps> = (props: IMemberProps) => {
     return (
         <li
             class={`flex flex-row gap-4 items-center p-1 cursor-pointer rounded-lg ${props.active ? "bg-stone-700 hover:bg-stone-700" : "hover:bg-stone-800"}`}
-            onClick={() => props.onMemberClick(props.id)}
+            onClick={() => props.onMemberClick?.(props.id)}
         >
             <div class="avatar">
                 <div class="w-9 rounded-full">

src/components/Member/types.ts

@@ -3,7 +3,7 @@ interface IMemberProps {
     username: string;
     avatar: string;
     active: boolean;
-    onMemberClick: (id: string) => void;
+    onMemberClick?: (id: string) => void;
 }
 
 export { type IMemberProps };