Don't allow un-pausing at end of simulation

1 files changed, 10 insertions, 2 deletions

diff --git a/src/components/app/timeline/PlayButtonComponent.js b/src/components/app/timeline/PlayButtonComponent.js
index 6ec70cc3..2b8e5328 100644
--- a/src/components/app/timeline/PlayButtonComponent.js
+++ b/src/components/app/timeline/PlayButtonComponent.js
@@ -1,7 +1,15 @@
 import React from "react";
 
-const PlayButtonComponent = ({isPlaying, onPlay, onPause}) => (
-    <div className="play-btn" onClick={() => isPlaying ? onPause() : onPlay()}>
+const PlayButtonComponent = ({isPlaying, currentTick, lastSimulatedTick, onPlay, onPause}) => (
+    <div className="play-btn" onClick={() => {
+        if (isPlaying) {
+            onPause();
+        } else {
+            if (currentTick !== lastSimulatedTick) {
+                onPlay();
+            }
+        }
+    }}>
         {isPlaying ?
             <span className="fa fa-pause"/> :
             <span className="fa fa-play"/>