Limit the number of choices in member input

2023-08-26 08:00:29 +02:00
parent 21b64d9f43
commit cf7ad598db
1 changed files with 6 additions and 4 deletions
--- a/geneit_app/src/widgets/forms/MemberInput.tsx
+++ b/geneit_app/src/widgets/forms/MemberInput.tsx
@@ -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) => (