UI improvements

1. Disable review button when an audio plays 2. Disable next button when an audio plays 3. Avoid jumping to next prompt when a user clicks for review
MycroftAI · Apr 4, 2019 · 49e1c77 · 49e1c77
1 parent 6ddf000
commit 49e1c77
Showing 1 changed file with 10 additions and 4 deletions.
diff --git a/frontend/src/App/Record.js b/frontend/src/App/Record.js
@@ -91,9 +91,11 @@ class Record extends Component {
                 ? "btn-disabled"
                 : this.state.blob === undefined
                 ? "btn-disabled"
+                : this.state.play
+                ? "btn-disabled"
                 : null
             } `}
-            onClick={this.state.shouldRecord ? () => null : this.playWav}
+            onClick={this.state.shouldRecord ? () => null : this.state.play ? () => null : this.playWav}
           >
             <i className="fas fa-play ibutton" />
             Review
@@ -105,9 +107,11 @@ class Record extends Component {
                 ? "btn-disabled"
                 : this.state.blob === undefined
                 ? "btn-disabled"
+                : this.state.play
+                ? "btn-disabled"
                 : null
             }`}
-            onClick={this.state.shouldRecord ? () => null : this.onNext}
+            onClick={this.state.shouldRecord ? () => null : this.state.play ? () => null : this.onNext}
           >
             <i className="fas fa-forward ibutton-next" />
             Next
@@ -240,8 +244,10 @@ class Record extends Component {
 
     // next prompt
     if (event.keyCode === 39) {
-      this.onNext();
-    }
+        if (!this.state.play) {
+          this.onNext();
+        }
+     }
   };
 
   recordHandler = () => {