Adds a reset button

Author: matiaskorhonen

site/src/css/main.scss

@@ -56,6 +56,10 @@ body {
     font-family: $font-family-monospace;
     font-size: 12px;
   }
+
+  .reset-button {
+    margin: 15px;
+  }
 }
 
 @keyframes blink {

site/src/js/components/app.jsx

@@ -18,9 +18,16 @@ export default class App extends React.Component {
     });
   }
 
+  handleReset() {
+    this.setState({
+      url: "",
+      submitted: false
+    });
+  }
+
   render() {
     if (this.state.submitted) {
-      return (<Results url={this.state.url} />);
+      return (<Results url={this.state.url} onReset={this.handleReset.bind(this)} />);
     } else {
       return (<Form onUpdate={this.handleUpdate.bind(this)} />);
     }

site/src/js/components/results.jsx

@@ -106,9 +106,14 @@ export default class Results extends React.Component {
     `
   }
 
+  // handleResetClick() {
+  //   this.props.onReset();
+  // }
+
   render() {
     var cursor = <span />;
     var socketClass = "float-right glyphicon glyphicon-remove-sign";
+    var resetClass = "reset-button btn btn-danger btn-xs hidden";
 
     if (this.state) {
       if (this.state.socketOpen) {
@@ -117,8 +122,10 @@ export default class Results extends React.Component {
       } else {
         if (this.state.data) {
           socketClass = "float-right text-muted glyphicon glyphicon-flash";
+          resetClass = "reset-button btn btn-danger btn-xs"
         } else {
           socketClass = "float-right text-danger glyphicon glyphicon-remove-sign";
+          resetClass = "reset-button btn btn-danger btn-xs"
         }
       }
     }
@@ -132,6 +139,7 @@ export default class Results extends React.Component {
         </div>
         <div className="panel-body">
           <pre>{this.resultsHandler()}{cursor}</pre>
+          <button className={resetClass} type="submit" onClick={this.props.onReset}>Reset</button>
         </div>
       </div>
     );