Show timer also for spectator

src/client/components/board/board.jsx

@@ -98,6 +98,8 @@ class Board extends React.Component {
       this.props.ctx.activePlayers[this.props.playerID] === 'threats'
         ? true
         : false;
+    // If this.props.playerID is unset, then we are in spectator mode and check whether the first player is in threat stage.
+    const shouldShowTimer = isInThreatStage || (!this.props.playerID && this.props.ctx.activePlayers?.[0] === 'threats');
     const active = current || isInThreatStage;
 
     let dealtCard = getDealtCard(this.props.G);
@@ -164,7 +166,7 @@ class Board extends React.Component {
           secret={this.props.credentials}
         />
         <Timer
-          active={isInThreatStage}
+          active={shouldShowTimer}
           targetTime={this.props.G.turnFinishTargetTime}
           duration={parseInt(this.props.G.turnDuration)}
           key={isInThreatStage}

src/client/components/timer/timer.tsx

@@ -23,6 +23,8 @@ type TimerProps = {
 const Timer: FC<TimerProps> = ({ active = true, duration, targetTime }) => {
   const [painted, setPainted] = useState(false);
 
+  console.log(`Printing TIMER: active=${active}`);
+
   useEffect(() => {
     // This is a bit of a workaround
     // The timer is updated with window.requestAnimationFrame however the page can be rendered before