allow multiple files upload

client/src/scenes/UploadDLockData/components/FileUpload.js

@@ -9,7 +9,7 @@ class FileUpload extends Component {
         super(props);
 
         this.state = {
-            file: null,
+            files: null,
         };
 
         this.onFileChange = this.onFileChange.bind(this);
@@ -17,16 +17,16 @@ class FileUpload extends Component {
     }
 
     onFileChange(event) {
-        const file = event.target.files[0];
-        this.setState({file});
+        const files = event.target.files;
+        this.setState({files});
     };
 
     onUploadClick() {
         const { uploadDoorLockData } = this.props;
-        const { file } = this.state;
+        const { files } = this.state;
 
-        if (file) {
-            uploadDoorLockData(file);
+        if (files) {
+            uploadDoorLockData(files);
         }
     };
 
@@ -39,6 +39,7 @@ class FileUpload extends Component {
                     required
                     label="Select DLock file"
                     type="file"
+                    multiple
                     accept=".csv"
                     onChange={this.onFileChange}
                 />
@@ -53,7 +54,7 @@ const mapStateToProps = (state) => ({
 });
 
 const mapDispatchToProps = (dispatch) => ({
-    uploadDoorLockData: (doorLockDataFile) => uploadDoorLockData(dispatch, doorLockDataFile)
+    uploadDoorLockData: (doorLockDataFiles) => uploadDoorLockData(dispatch, doorLockDataFiles)
 });
 
 export default connect(mapStateToProps, mapDispatchToProps)(FileUpload);

client/src/store/actions/doorLockActions.js

@@ -6,9 +6,12 @@ import {
 
 import API from '../../utilities/api';
 
-export const uploadDoorLockData = (dispatch, doorLockDataFile) => {
+export const uploadDoorLockData = (dispatch, doorLockDataFiles) => {
     const formData = new FormData();
-    formData.append('doorLockDataFile', doorLockDataFile);
+    const filesArray = Array.from(doorLockDataFiles) || [];
+    filesArray.forEach((file, index) => {
+        formData.append(`doorLockDataFile-${index}`, file);
+    });
     const additionalConfig = {
         headers: {'content-type': 'multipart/form-data'}
     };