allow multiple files upload

This commit is contained in:
Bilal Catic
2019-06-09 17:09:02 +02:00
parent 4a030d63e6
commit 4c528296ec
2 changed files with 13 additions and 9 deletions

View File

@@ -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);