From d3c7705bedebd65c94f9eea691aaf2fe03b0cafe Mon Sep 17 00:00:00 2001
From: Anton Tananaev <anton@traccar.org>
Date: Sat, 19 Aug 2023 13:58:45 -0700
Subject: Move to Vite

---
 modern/src/reports/components/ColumnSelect.jsx | 34 ++++++++++++++++++++++++++
 1 file changed, 34 insertions(+)
 create mode 100644 modern/src/reports/components/ColumnSelect.jsx

(limited to 'modern/src/reports/components/ColumnSelect.jsx')

diff --git a/modern/src/reports/components/ColumnSelect.jsx b/modern/src/reports/components/ColumnSelect.jsx
new file mode 100644
index 00000000..d08394ea
--- /dev/null
+++ b/modern/src/reports/components/ColumnSelect.jsx
@@ -0,0 +1,34 @@
+import React from 'react';
+import {
+  FormControl, InputLabel, MenuItem, Select,
+} from '@mui/material';
+import { useTranslation } from '../../common/components/LocalizationProvider';
+import useReportStyles from '../common/useReportStyles';
+
+const ColumnSelect = ({
+  columns, setColumns, columnsArray, rawValues, disabled,
+}) => {
+  const classes = useReportStyles();
+  const t = useTranslation();
+
+  return (
+    <div className={classes.filterItem}>
+      <FormControl fullWidth>
+        <InputLabel>{t('sharedColumns')}</InputLabel>
+        <Select
+          label={t('sharedColumns')}
+          value={columns}
+          onChange={(e) => setColumns(e.target.value)}
+          multiple
+          disabled={disabled}
+        >
+          {columnsArray.map(([key, string]) => (
+            <MenuItem key={key} value={key}>{rawValues ? string : t(string)}</MenuItem>
+          ))}
+        </Select>
+      </FormControl>
+    </div>
+  );
+};
+
+export default ColumnSelect;
-- 
cgit v1.2.3

