From 8617f15bbfd2bf602f7d19049555d11687c49e73 Mon Sep 17 00:00:00 2001
From: ronreg-ribdev <56719257+ronreg-ribdev@users.noreply.github.com>
Date: Tue, 12 May 2020 00:27:15 -0700
Subject: [PATCH] Add preliminary search bar

---
 src/js/components/root.js | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/src/js/components/root.js b/src/js/components/root.js
index a15b110..d4379be 100644
--- a/src/js/components/root.js
+++ b/src/js/components/root.js
@@ -7,6 +7,8 @@ import { HeaderBar } from "./lib/header-bar.js"
 export class Root extends Component {
   constructor(props) {
     super(props);
+
+    this.state = { fromValue: "ashby", toValue: "24th" };
   }
 
   render() {
@@ -28,7 +30,21 @@ export class Root extends Component {
                   <img src="/~bartinfo/img/BART-Map-Weekday-Saturday.png" />
                 </div>
                 <div className="searchsidebar" style={{gridColumn: "2", gridRow: "2"}}>
-                  Search stuff here
+                  Search scheduled trains:
+                  <form name="bartSearch">
+                    From:
+                    <select value={this.state.fromValue}>
+                        <option value="ashby">Ashby</option>
+                        <option value="fremont">Fremont</option>
+                    </select>
+                    <br/>
+                    To:
+                    <select value={this.state.toValue}>
+                        <option value="ashby">Ashby</option>
+                        <option value="fremont">Fremont</option>
+                        <option value="24th">24th st</option>
+                    </select>
+                  </form>
                 </div>
               </div>
             </div>