add a search in the model component

Agenta-AI · Apr 16, 2024 · ad08177 · ad08177
1 parent f59c702
commit ad08177
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/agenta-web/src/components/Playground/Views/ParametersCards.tsx b/agenta-web/src/components/Playground/Views/ParametersCards.tsx
@@ -80,13 +80,19 @@ interface GroupedSelectProps {
     handleChange: (value: string) => void
 }
 
+const filterOption = (input: string, option?: {label: string; value: string}) =>
+    (option?.label ?? "").toLowerCase().includes(input.toLowerCase())
+
 const GroupedSelect: React.FC<GroupedSelectProps> = ({choices, defaultValue, handleChange}) => {
     const classes = useStyles()
+
     return (
         <Select
+            showSearch
             defaultValue={defaultValue}
             className={classes.select}
             onChange={handleChange}
+            filterOption={filterOption}
             options={Object.entries(choices).map(([groupLabel, groupChoices]) => ({
                 label: groupLabel,
                 options: groupChoices.map((choice) => ({