fix: tweak config panel style

luin · luin · commit d92faf2fca72 · 2016-12-04T12:31:32.000+08:00
diff --git a/client/actions.js b/client/actions.js
@@ -60,11 +60,10 @@ const actions = {
       function handleRedis(config, override) {
         dispatch({ type: 'updateConnectStatus', data: 'Redis connecting...' });
         if (config.ssl) {
-          config.tls = {
-            ca: config.ca,
-            key: config.key,
-            cert: config.cert
-          }
+          config.tls = {};
+          if (config.tlsca) config.tls.ca = config.tlsca;
+          if (config.tlskey) config.tls.key = config.tlskey;
+          if (config.tlscert) config.tls.cert = config.tlscert;
         }
         const redis = new Redis(_.assign({}, config, override, {
           showFriendlyErrorStack: true,
diff --git a/client/components/main/Main/ConnectionSelector/Config.jsx b/client/components/main/Main/ConnectionSelector/Config.jsx
@@ -132,9 +132,9 @@ class Config extends React.Component {
           <input type="checkbox" id="ssl" onChange={this.handleChange.bind(this, 'ssl')} checked={this.getProp('ssl')} />
         </div>
         <div style={ { display: this.getProp('ssl') ? 'block' : 'none' } }>
-          {this.renderCertInput('Private Key', 'key')}
-          {this.renderCertInput('Certificate', 'cert')}
-          {this.renderCertInput('CA', 'ca')}
+          {this.renderCertInput('Private Key', 'tlskey')}
+          {this.renderCertInput('Certificate', 'tlscert')}
+          {this.renderCertInput('CA', 'tlsca')}
         </div>
         <div className="nt-form-row">
           <label htmlFor="ssh">SSH Tunnel:</label>
@@ -191,7 +191,7 @@ class Config extends React.Component {
           </div>
         </div>
       </div>
-      <div className="nt-button-group nt-button-group--pull-right" style={ { width: 500, margin: '10px auto 0' } }>
+      <div className="nt-button-group nt-button-group--pull-right" style={ { width: 500, margin: '10px auto 0', paddingBottom: 10 } }>
         <button className="nt-button" style={
           { float: 'left' }
         } onClick={() => {
