Apply @Crash comment to avoid boolean flags

src/components/Attendees/AttendeeSearch.tsx

@@ -1,18 +1,17 @@
 import { useEffect, useState } from "react";
-import TextField from "@mui/material/TextField";
 import { userAttendee } from "../../features/User/userDataTypes";
-import { PeopleSearch, User } from "./PeopleSearch";
+import { PeopleSearch, User, ExtendedAutocompleteRenderInputParams } from "./PeopleSearch";
 
 export default function UserSearch({
   attendees,
   setAttendees,
   disabled,
-  small,
+  inputSlot,
 }: {
   attendees: userAttendee[];
   setAttendees: Function;
   disabled?: boolean;
-  small?: boolean;
+  inputSlot?: (params: ExtendedAutocompleteRenderInputParams) => React.ReactNode;
 }) {
   const [selectedUsers, setSelectedUsers] = useState(
     attendees.map((a) => ({
@@ -33,29 +32,25 @@ export default function UserSearch({
     );
   }, [attendees]);
   return (
-    <>
+    <PeopleSearch
-      <PeopleSearch
+      selectedUsers={selectedUsers}
-        selectedUsers={selectedUsers}
+      objectTypes={["user", "contact"]}
-        objectTypes={["user", "contact"]}
+      disabled={disabled}
-        disabled={disabled}
+      inputSlot={inputSlot}
-        inputSlot={
+      onChange={(event: any, value: User[]) => {
-          small ? (params) => <TextField {...params} size="small" /> : undefined
+        setAttendees(
-        }
+          value.map((a: User) => ({
-        onChange={(event: any, value: User[]) => {
+            cn: a.displayName,
-          setAttendees(
+            cal_address: a.email,
-            value.map((a: User) => ({
+            partstat: "NEED_ACTION",
-              cn: a.displayName,
+            rsvp: "FALSE",
-              cal_address: a.email,
+            role: "REQ-PARTICIPANT",
-              partstat: "NEED_ACTION",
+            cutype: "INDIVIDUAL",
-              rsvp: "FALSE",
+          }))
-              role: "REQ-PARTICIPANT",
+        );
-              cutype: "INDIVIDUAL",
+        setSelectedUsers(value);
-            }))
+      }}
-          );
+      freeSolo
-          setSelectedUsers(value);
+    />
-        }}
-        freeSolo
-      />
-    </>
   );
 }

src/components/Event/EventFormFields.tsx

@@ -545,7 +545,7 @@ export default function EventFormFields({
         <AttendeeSelector
           attendees={attendees}
           setAttendees={setAttendees}
-          small
+          inputSlot={(params) => <TextField {...params} size="small" />}
         />
       </FieldWithLabel>