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, onClose,
users, users,
}: Props) => { }: Props) => {
const handleClose = () => { const handleClose = () => {
console.log(users);
console.log(selectedValue);
onClose(selectedValue); onClose(selectedValue);
}; };
@ -45,7 +42,7 @@ const CallFavouritesDialog: React.FC<Props> = ({
if (checked) { if (checked) {
setCheckedUuids(checkedUuids.concat([uuid])); setCheckedUuids(checkedUuids.concat([uuid]));
} else { } 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"> <Dialog onClose={handleClose} open={open} fullWidth maxWidth="sm">
<DialogTitle>Select who to call:</DialogTitle> <DialogTitle>Select who to call:</DialogTitle>
<DialogContent> <DialogContent>
<GroupSelect group={group} setGroup={setGroup} onGroupChange={handleGroupChange}/> <GroupSelect
group={group}
setGroup={setGroup}
onGroupChange={handleGroupChange}
/>
</DialogContent> </DialogContent>
<DialogContent sx={{ height: "40vh" }} dividers> <DialogContent sx={{ height: "40vh" }} dividers>
<TextField <TextField
@ -80,9 +81,11 @@ const CallFavouritesDialog: React.FC<Props> = ({
}} }}
/> />
<FormGroup> <FormGroup>
{groupMembers.filter(member => ( {groupMembers
member.name.toLowerCase().slice(0, inputText.length) == inputText.toLowerCase().slice(0, inputText.length) .filter((member) =>
)).map(member => ( member.name.toLowerCase().includes(inputText.toLowerCase())
)
.map((member) => (
<FormControlLabel <FormControlLabel
key={member.uuid} key={member.uuid}
label={member.name} label={member.name}
@ -94,7 +97,8 @@ const CallFavouritesDialog: React.FC<Props> = ({
control={ control={
<Checkbox <Checkbox
color="success" color="success"
checked={checkedUuids.includes(member.uuid)}/> checked={checkedUuids.includes(member.uuid)}
/>
} }
/> />
))} ))}