@lingk/sync 1.0.3 → 1.0.5

package/build/credentialSections.js

@@ -213,13 +213,13 @@ module.exports =
 	      return _react2.default.createElement(
 	        'div',
 	        { className: 'env-section-body' },
-	        config.message && !isGoogle && _react2.default.createElement(
+	        config.message && !isGoogle && !isFlatFile ? _react2.default.createElement(
 	          'p',
 	          null,
 	          config.message,
 	          _react2.default.createElement('br', null),
 	          _react2.default.createElement('br', null)
-	        ),
+	        ) : _react2.default.createElement('div', { style: { height: 13 } }),
 	        isOauth ? _react2.default.createElement(Oauth, { wizard: wizard, onCheck: check,
 	          creds: this.props.creds, providerType: providerType,
 	          onGenerateUrl: function onGenerateUrl(urlType) {
@@ -463,6 +463,13 @@ module.exports =
 	      });
 	    };
 	
+	    _this3.onReject = function () {
+	      _this3.setState({ dropError: 'File is too big!' });
+	      setTimeout(function () {
+	        _this3.setState({ dropError: null });
+	      }, 3500);
+	    };
+	
 	    _this3.upload = function () {
 	      var _this3$props = _this3.props,
 	          setCsvFields = _this3$props.setCsvFields,
@@ -477,7 +484,8 @@ module.exports =
 	    _this3.state = {
 	      meta: [],
 	      fileContents: [],
-	      uploading: false
+	      uploading: false,
+	      dropError: null
 	    };
 	    return _this3;
 	  }
@@ -487,7 +495,8 @@ module.exports =
 	    value: function render() {
 	      var _state = this.state,
 	          meta = _state.meta,
-	          uploading = _state.uploading;
+	          uploading = _state.uploading,
+	          dropError = _state.dropError;
 	      var _props2 = this.props,
 	          metadata = _props2.metadata,
 	          inputs = _props2.inputs;
@@ -503,12 +512,16 @@ module.exports =
 	          { style: { display: 'inline-block' } },
 	          _react2.default.createElement(
 	            _reactDropzone2.default,
-	            { onDrop: this.onDrop,
-	              className: 'dropzone' },
-	            _react2.default.createElement(
+	            { onDropAccepted: this.onDrop, onDropRejected: this.onReject,
+	              className: 'dropzone', maxSize: 1000000 * 50 },
+	            !dropError ? _react2.default.createElement(
 	              'p',
 	              null,
-	              'Drop one or more files here, or click to select files to upload.'
+	              'Drop one or more CSV files here, or click to select files to upload.'
+	            ) : _react2.default.createElement(
+	              'p',
+	              { style: { color: '#c9302c', fontWeight: 'bold' } },
+	              dropError
 	            )
 	          )
 	        ),
@@ -549,7 +562,7 @@ module.exports =
 	            meta.map(function (f, i) {
 	              return _react2.default.createElement(
 	                'li',
-	                { key: i },
+	                { key: i, style: { listStyle: 'none' } },
 	                f.name,
 	                ' - ',
 	                formatBytes(f.byteSize)
@@ -557,19 +570,37 @@ module.exports =
 	            })
 	          )
 	        ),
-	        !uploading && metadata && metadata.length > 0 && _react2.default.createElement(
+	        !uploading && !hasFile && metadata && metadata.length > 0 && _react2.default.createElement(
 	          'div',
-	          {
-	            style: { marginLeft: 20, display: 'inline-block', marginTop: 13, verticalAlign: 'top' } },
+	          { style: {
+	              marginLeft: 20, display: 'inline-block', marginTop: 13, verticalAlign: 'top'
+	            } },
 	          _react2.default.createElement(
-	            'strong',
-	            { style: { marginRight: 5 } },
-	            metadata && metadata.length
+	            'div',
+	            { style: { marginBottom: 4 } },
+	            _react2.default.createElement(
+	              'strong',
+	              { style: { marginRight: 5 } },
+	              metadata && metadata.length
+	            ),
+	            _react2.default.createElement(
+	              'strong',
+	              null,
+	              'file' + (metadata.length === 1 ? '' : 's') + ' uploaded'
+	            )
 	          ),
 	          _react2.default.createElement(
-	            'span',
+	            'ul',
 	            null,
-	            'file' + (metadata.length === 1 ? '' : 's') + ' uploaded'
+	            metadata.map(function (f, i) {
+	              return _react2.default.createElement(
+	                'li',
+	                { key: i, style: { listStyle: 'none' } },
+	                f.name,
+	                ' - ',
+	                formatBytes(f.byteSize)
+	              );
+	            })
 	          )
 	        )
 	      );