fix: allow port input to be empty COMPASS-4607 (#261)

* Update port-input.jsx

* Update port-input.jsx

* Update port-input.jsx

* fix: allow empty port in input

Author: mcasimir

src/components/form/port-input.jsx

@@ -7,40 +7,39 @@ import FormInput from './form-input';
 class PortInput extends React.PureComponent {
   static displayName = 'PortInput';
 
-  static propTypes = { port: PropTypes.number, isPortChanged: PropTypes.bool };
+  static propTypes = {
+    port: PropTypes.number // initial port
+  };
+
+  constructor(props) {
+    super(props);
+    this.state = { port: props.port };
+  }
 
   /**
    * Changes port.
    *
    * @param {Object} evt - evt.
    */
   onPortChanged(evt) {
-    Actions.onPortChanged(+evt.target.value);
+    this.setState({ port: evt.target.value });
+    Actions.onPortChanged(evt.target.value ? +evt.target.value : 27017);
   }
 
-  /**
-   * Gets port.
-   *
-   * @returns {Number} port.
-   */
-  getPort() {
-    if (this.props.isPortChanged === false) {
-      return 27017;
+  render() {
+    if (!this.state) {
+      return;
     }
 
-    return +this.props.port;
-  }
-
-  render() {
     return (
       <FormInput
         label="Port"
         name="port"
         placeholder="27017"
         changeHandler={this.onPortChanged.bind(this)}
-        value={this.getPort()}
+        value={this.state.port}
         type="number"
-        otherInputAttributes={{min: 1, max: 65536}} />
+        otherInputAttributes={{ min: 1, max: 65536 }} />
     );
   }
 }