Simplify Search component

Author: Emmanouil Konstantinidis

src/js/components/search.js

@@ -12,6 +12,10 @@ export class SearchBar extends React.Component {
   }
 
   render() {
+    if (!this.props.showSearch) {
+      return null;
+    }
+
     var clearSearchIcon;
 
     if (this.props.query) {
@@ -21,22 +25,21 @@ export class SearchBar extends React.Component {
     }
 
     return (
-      <div className={this.props.showSearch ? 'container-fluid search-bar' : 'container-fluid' }>
-        {this.props.showSearch ? (
-          <div className="row">
-            <div className="col-xs-10">
-              <div className="form-group search-wrapper">
-                <input
-                  autoFocus
-                  value={this.props.query}
-                  onChange={(evt) => this.props.searchNotifications(evt.target.value)}
-                  className="form-control"
-                  type="text"
-                  placeholder=" Search..." />
-              </div>
+      <div className="container-fluid search-bar">
+        <div className="row">
+          <div className="col-xs-10">
+            <div className="form-group search-wrapper">
+              <input
+                autoFocus
+                value={this.props.query}
+                onChange={(evt) => this.props.searchNotifications(evt.target.value)}
+                className="form-control"
+                type="text"
+                placeholder=" Search..." />
+            </div>
           </div>
           <div className="col-xs-2">{clearSearchIcon}</div>
-        </div>) : null }
+        </div>
       </div>
     );
   }