filter now uses includes

src/components/home/CallFavouritesDialog.tsx

@@ -30,10 +30,7 @@ const CallFavouritesDialog: React.FC<Props> = ({
   onClose,
   users,
 }: Props) => {
-
   const handleClose = () => {
-    console.log(users);
-    console.log(selectedValue);
     onClose(selectedValue);
   };
 
@@ -45,7 +42,7 @@ const CallFavouritesDialog: React.FC<Props> = ({
     if (checked) {
       setCheckedUuids(checkedUuids.concat([uuid]));
     } else {
-      setCheckedUuids(checkedUuids.filter(id => id != uuid));
+      setCheckedUuids(checkedUuids.filter((id) => id != uuid));
     }
   };
 
@@ -66,7 +63,11 @@ const CallFavouritesDialog: React.FC<Props> = ({
     <Dialog onClose={handleClose} open={open} fullWidth maxWidth="sm">
       <DialogTitle>Select who to call:</DialogTitle>
       <DialogContent>
-        <GroupSelect group={group} setGroup={setGroup} onGroupChange={handleGroupChange}/>
+        <GroupSelect
+          group={group}
+          setGroup={setGroup}
+          onGroupChange={handleGroupChange}
+        />
       </DialogContent>
       <DialogContent sx={{ height: "40vh" }} dividers>
         <TextField
@@ -80,24 +81,27 @@ const CallFavouritesDialog: React.FC<Props> = ({
           }}
         />
         <FormGroup>
-          {groupMembers.filter(member => (
-            member.name.toLowerCase().slice(0, inputText.length) == inputText.toLowerCase().slice(0, inputText.length)
-          )).map(member => (
-            <FormControlLabel 
-              key={member.uuid} 
-              label={member.name}
-              sx={{ pl: 1 }}
-              // eslint-disable-next-line @typescript-eslint/no-explicit-any
-              onChange={(e: any) => {
-                handleCheck(member.uuid, e.target.checked);
-              }}
-              control={
-                <Checkbox 
-                  color="success" 
-                  checked={checkedUuids.includes(member.uuid)}/>
-              }
-            />
-          ))}
+          {groupMembers
+            .filter((member) =>
+              member.name.toLowerCase().includes(inputText.toLowerCase())
+            )
+            .map((member) => (
+              <FormControlLabel
+                key={member.uuid}
+                label={member.name}
+                sx={{ pl: 1 }}
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                onChange={(e: any) => {
+                  handleCheck(member.uuid, e.target.checked);
+                }}
+                control={
+                  <Checkbox
+                    color="success"
+                    checked={checkedUuids.includes(member.uuid)}
+                  />
+                }
+              />
+            ))}
         </FormGroup>
       </DialogContent>