UBC/Alley-HSBC-Frontend
Archived
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

filter now uses includes

Browse Source
This commit is contained in:
Taehee Choi 2022-03-25 00:11:51 -07:00
parent bee47e29a8
commit 877df73ea5
1 changed files with 29 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/components/home/CallFavouritesDialog.tsx
View File

@ -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,9 +81,11 @@ const CallFavouritesDialog: React.FC<Props> = ({
}}
/>
<FormGroup>
{groupMembers.filter(member => (
member.name.toLowerCase().slice(0, inputText.length) == inputText.toLowerCase().slice(0, inputText.length)
)).map(member => (
{groupMembers
.filter((member) =>
member.name.toLowerCase().includes(inputText.toLowerCase())
)
.map((member) => (
<FormControlLabel
key={member.uuid}
label={member.name}
@ -94,7 +97,8 @@ const CallFavouritesDialog: React.FC<Props> = ({
control={
<Checkbox
color="success"
checked={checkedUuids.includes(member.uuid)}/>
checked={checkedUuids.includes(member.uuid)}
/>
}
/>
))}