From fcf6d990993c480fb742966e831bd2bc2f850b3d Mon Sep 17 00:00:00 2001
From: Daniel <dds2130@rit.edu>
Date: Fri, 14 Dec 2018 22:53:18 -0500
Subject: [PATCH] autofocus on search input

---
 src/components/portal/Search.js | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/portal/Search.js b/src/components/portal/Search.js
index fa64019..3726986 100644
--- a/src/components/portal/Search.js
+++ b/src/components/portal/Search.js
@@ -19,10 +19,18 @@ export default class SearchPortal extends React.Component {
     this.query = this.input = decodeURIComponent(this.props.location.search.substr(1));
   }
 
+  componentDidUpdate() {
+    this.inputState.focus();
+  }
+
   render() {
   return (<div className="search">
     <form onSubmit={this.search}>
-      <input type="text" value={this.query} onChange={(e) => this.query = e.target.value} />
+      <input type="text" value={this.query}
+        autoFocus 
+        ref={(input) => {this.inputState = input;}}
+        onChange={(e) => this.query = e.target.value}
+      />
       <button type="submit"><SearchButton /></button>
     </form>
     <DBSearch string={this.input}/>