FilterSelect FilterSelect.tsx

100% Statements 3/3

100% Branches 0/0

100% Functions 3/3

100% Lines 3/3

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
12x
 
 
 
 
 
2x
 
 
77x
 
 
 
 
 
  import FormControl from '@mui/material/FormControl';
import InputLabel from '@mui/material/InputLabel';
import Select from '@mui/material/Select';
import MenuItem from '@mui/material/MenuItem';
 
interface FilterSelectProps<T extends (string|number)> {
  label: string;
  value: T;
  options: T[];
  onChange: (v: T) => void;
}
 
export function FilterSelect<T extends (string|number)>({
  label, value, options, onChange
}: FilterSelectProps<T>) {
  return (
    <FormControl size="small" fullWidth>
      <InputLabel>{label}</InputLabel>
      <Select
        label={label}
        value={value}
        onChange={e => onChange(e.target.value as T)}
      >
        {options.map(o => (
          <MenuItem key={o} value={o}>{o}</MenuItem>
        ))}
      </Select>
    </FormControl>
  );
}