Introduce restart behaviour

madzzie · Oct 14, 2018 · 51c0058 · 51c0058
1 parent d297c3b
commit 51c0058
Showing 1 changed file with 15 additions and 1 deletion.
diff --git a/src/Metronome.js b/src/Metronome.js
@@ -24,7 +24,21 @@ class Metronome extends Component {
 
     handleBpmChange = event => {
         const bpm = event.target.value;
-        this.setState({bpm});
+
+        if (this.state.playing) {
+            // Stop the old timer and start a new one
+            clearInterval(this.timer);
+            this.timer = setInterval(this.playClick, (60 / bpm) * 1000);
+
+            // Set the new BPM, and reset the beat counter
+            this.setState({
+                count: 0,
+                bpm
+            });
+        } else {
+            // Otherwise just update the BPM
+            this.setState({bpm});
+        }
     };
 
     playClick = () => {