pierre/GeneIT
1
0
Fork 0
Code Issues Pull Requests 6 Packages Projects Releases Wiki Activity

Limit the number of choices in member input

Browse Source
This commit is contained in:
Pierre HUBERT 2023-08-26 08:00:29 +02:00
parent 21b64d9f43
commit cf7ad598db
1 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
geneit_app/src/widgets/forms/MemberInput.tsx
View File

@ -65,11 +65,13 @@ export function MemberInput(p: {
}}
options={choices}
sx={{ width: "100%" }}
filterOptions={(options, state) =>
options.filter((m) =>
filterOptions={(options, state) => {
const res = options.filter((m) =>
m?.fullName.toLowerCase().includes(state.inputValue)
)
}
);
res.length = Math.min(15, res.length);
return res;
}}
getOptionLabel={(o) => o?.fullName ?? ""}
renderInput={(params) => <TextField {...params} label={p.label} />}
renderOption={(_props, option, _state) => (