display upload errors, unknown members

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

@@ -31,6 +31,7 @@ class FileUpload extends Component {
     };
 
     render() {
+        const { pending } = this.props;
         return (
             <div>
                 <Form.Input
@@ -41,14 +42,18 @@ class FileUpload extends Component {
                     accept=".csv"
                     onChange={this.onFileChange}
                 />
-                <Form.Button onClick={this.onUploadClick}>Upload</Form.Button>
+                <Form.Button onClick={this.onUploadClick} disabled={pending} >Upload</Form.Button>
             </div>
         );
     }
 }
 
+const mapStateToProps = (state) => ({
+    pending: state.doorLockData.pending,
+});
+
 const mapDispatchToProps = (dispatch) => ({
     uploadDoorLockData: (doorLockDataFile) => uploadDoorLockData(dispatch, doorLockDataFile)
 });
 
-export default connect(null, mapDispatchToProps)(FileUpload);
+export default connect(mapStateToProps, mapDispatchToProps)(FileUpload);