From 0e587b39812c6055ad2c859fe66f7c03e0c3b5ea Mon Sep 17 00:00:00 2001
From: wes <wjak56@gmail.com>
Date: Mon, 8 Aug 2016 19:48:56 -0400
Subject: [PATCH] loading thingy

---
 src/scripts/search.js  |  5 ++++-
 src/scripts/search.tag | 11 ++++++++++-
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/scripts/search.js b/src/scripts/search.js
index 1acb7d4..c4d8ad1 100644
--- a/src/scripts/search.js
+++ b/src/scripts/search.js
@@ -48,7 +48,10 @@ function ResultsPasser() {
 
 var results_passer = new ResultsPasser();
 
-riot.mount("search", {booksLoading : false});
+riot.mount("search", {
+                      showHelp : true,
+                      booksLoading : false
+                     });
 riot.mount("results", {notLoading : true});
 
 function autocomplete(element, endpoint) {
diff --git a/src/scripts/search.tag b/src/scripts/search.tag
index 5a48209..3c299b5 100644
--- a/src/scripts/search.tag
+++ b/src/scripts/search.tag
@@ -21,12 +21,21 @@
     </div>
   </form>
   <div class="help-toast toast toast-primary">
-    <button class="btn btn-clear float-right"></button>
+    <button if={showHelp}
+            onclick={clearHelp}
+            class="btn btn-clear float-right">
+    </button>
     Type a few words of your course's name or the course code (e.g. PSYCH 2B03)
   </div>
   <div if={ booksLoading } class="search-load">
   </div>
 </search>
+var that = this;
+function clearHelp() {
+  that.showHelp = false;
+  that.update();
+}
+
 function submit(ev) {
     ev.preventDefault();
     console.log("submitted");