allow multiple files upload
This commit is contained in:
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user