hide timer when instance not in progress

client/src/components/instance.ctrl.jsx

@@ -76,11 +76,13 @@ function Controls(args) {
         background: displayColour,
     };
 
-    const timer = (
-        <div class="timer-container">
-            <div class="timer" style={timerStyles} >&nbsp;</div>
-        </div>
-    );
+    const timer = instance.phase !== 'InProgress'
+        ? null
+        : (
+            <div class="timer-container">
+                <div class="timer" style={timerStyles} >&nbsp;</div>
+            </div>
+        );
 
     const ready = instance.phase !== 'Finished'
         ? <button class="ready" onClick={() => sendReady()}>Ready</button>