Revert hello page to serve Hello World again

Author: bhargavrpatel

project/templates/hello.html

@@ -17,58 +17,17 @@ <h1>Flask React</h1>
 
     <script type="text/jsx">
 
-      var DynamicSearch = React.createClass({
-
-      // sets initial state
-      getInitialState: function(){
-        return { searchString: '' };
-      },
-
-      // sets state, triggers render method
-      handleChange: function(event){
-        // grab value form input box
-        this.setState({searchString:event.target.value});
-        console.log("scope updated!")
-      },
-
-      render: function() {
-
-        var countries = this.props.items;
-        var searchString = this.state.searchString.trim().toLowerCase();
-
-        // filter countries list by value from input box
-        if(searchString.length > 0){
-          countries = countries.filter(function(country){
-            return country.name.toLowerCase().match( searchString );
-          });
+      var HelloWorld = React.createClass({
+        render: function () {
+          return (
+            <p>Hello, World</p>
+          );
         }
-
-        return (
-          <div>
-            <input type="text" value={this.state.searchString} onChange={this.handleChange} placeholder="Search!" />
-            <ul>
-              { countries.map(function(country){ return <li>{country.name} </li> }) }
-            </ul>
-          </div>
-        )
-      }
-
       });
 
-      // list of countries, defined with JavaScript object literals
-      var countries = [
-      {"name": "Sweden"}, {"name": "China"}, {"name": "Peru"}, {"name": "Czech Republic"},
-      {"name": "Bolivia"}, {"name": "Latvia"}, {"name": "Samoa"}, {"name": "Armenia"},
-      {"name": "Greenland"}, {"name": "Cuba"}, {"name": "Western Sahara"}, {"name": "Ethiopia"},
-      {"name": "Malaysia"}, {"name": "Argentina"}, {"name": "Uganda"}, {"name": "Chile"},
-      {"name": "Aruba"}, {"name": "Japan"}, {"name": "Trinidad and Tobago"}, {"name": "Italy"},
-      {"name": "Cambodia"}, {"name": "Iceland"}, {"name": "Dominican Republic"}, {"name": "Turkey"},
-      {"name": "Spain"}, {"name": "Poland"}, {"name": "Haiti"}
-      ];
-
       React.render(
-      <DynamicSearch items={ countries } />,
-      document.getElementById('content')
+        React.createElement(HelloWorld, null),
+        document.getElementById('content')
       );
     </script>