hide search

server/src/config.js

@@ -274,6 +274,13 @@ var conf = convict({
     default: "",
     env: "FORCE_AB_TESTS",
     arg: "force-ab-tests"
+  },
+  disableSearch: {
+    doc: "If true, then hide the search bar",
+    format: Boolean,
+    default: true,
+    env: "DISABLE_SEARCH",
+    arg: "disable-search"
   }
 });
 

server/src/pages/shotindex/model.js

@@ -13,6 +13,7 @@ exports.createModel = function(req) {
   };
   serverModel.shots = req.shots;
   serverModel.downloadUrls = {};
+  serverModel.disableSearch = req.config.disableSearch;
   for (let shot of req.shots) {
     if (shot.favicon) {
       shot.favicon = createProxyUrl(req, shot.favicon);

server/src/pages/shotindex/view.js

@@ -34,11 +34,7 @@ class Body extends React.Component {
         <div className="column-space full-height default-color-scheme">
           <div id="shot-index-header" className="header">
             <h1><a href="/shots">Firefox <strong>Screenshots</strong> <sup>Beta</sup></a></h1>
-            <form onSubmit={ this.onSubmitForm.bind(this) }>
-              <span className="search-label" />
-              <input type="search" id="search" ref="search" maxLength="100" placeholder="search my shots" defaultValue={this.state.defaultSearch} onChange={this.onChangeSearch.bind(this)} />
-              <div className="clear-search" title="clear search" onClick={this.onClearSearch.bind(this)}></div>
-            </form>
+            {this.props.disableSearch ? null : this.renderSearchForm()}
           </div>
           <div id="shot-index" className="flex-1">
             { this.renderShots() }
@@ -109,6 +105,16 @@ class Body extends React.Component {
     );
   }
 
+  renderSearchForm() {
+    return (
+      <form onSubmit={ this.onSubmitForm.bind(this) }>
+        <span className="search-label" />
+        <input type="search" id="search" ref="search" maxLength="100" placeholder="search my shots" defaultValue={this.state.defaultSearch} onChange={this.onChangeSearch.bind(this)} />
+        <div className="clear-search" title="clear search" onClick={this.onClearSearch.bind(this)}></div>
+      </form>
+    );
+  }
+
   onSubmitForm(e) {
     e.preventDefault();
     let val = ReactDOM.findDOMNode(this.refs.search).value;