modern/src/reports/components/ColumnSelect.js


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

import { useTranslation } from "../../common/components/LocalizationProvider";
import { useFilterStyles } from "./ReportFilter";

const ColumnSelect = ({ columns, setColumns, columnsArray }) => {
  const classes = useFilterStyles();
  const t = useTranslation();
  
  return (
    <div className={classes.item}>
      <FormControl variant="filled" fullWidth>
        <InputLabel>{t('sharedColumns')}</InputLabel>
        <Select
          value={columns}
          onChange={(e) => setColumns(e.target.value)}
          renderValue={(it) => it.length}
          multiple
        >
          {columnsArray.map(([key, string]) => (
            <MenuItem value={key}>{t(string)}</MenuItem>
          ))}
        </Select>
      </FormControl>
    </div>
  );
};
  
export default ColumnSelect;