| | |
| | | name="endCode" |
| | | control={control} |
| | | render={({ field, fieldState }) => { |
| | | const selectedOption = codeOptions.find(option => option.id === field.value) || null; |
| | | return ( |
| | | <Autocomplete |
| | | options={codeOptions} |
| | | getOptionLabel={(option) => option.label} |
| | | isOptionEqualToValue={(option, value) => option.id === value.id} |
| | | value={selectedOption} |
| | | onInputChange={(event, value) => { |
| | | setCodeInputValue(value); |
| | | }} |
| | | onChange={(event, value) => { |
| | | field.onChange(value?.id); |
| | | field.onChange(value ? value.id : null); |
| | | }} |
| | | renderInput={(params) => ( |
| | | <TextField |
| | |
| | | } |
| | | |
| | | const KeyValuePair = ({ label, value, bool }) => { |
| | | console.log({ label, value, bool }); |
| | | |
| | | return ( |
| | | <> |
| | | <Stack direction="row" alignItems="center" spacing={1} sx={{ mb: 1 }}> |
| | |
| | | const debouncedFetch = useCallback(debounce(fetchData, 300), [url]); |
| | | |
| | | useEffect(() => { |
| | | if (inputValue) { |
| | | debouncedFetch(inputValue); |
| | | } else { |
| | | setOptions([]); |
| | | } |
| | | // console.log(inputValue, url) |
| | | // if (inputValue) { |
| | | // debouncedFetch(inputValue); |
| | | // } else { |
| | | // setOptions([]); |
| | | // } |
| | | debouncedFetch(inputValue); |
| | | }, [inputValue, debouncedFetch]); |
| | | |
| | | return { |