From aba32bd11db32a15a41d28322d96e84f11a59936 Mon Sep 17 00:00:00 2001
From: Miodec <jack@monkeytype.com>
Date: Thu, 29 Sep 2022 13:23:17 +0200
Subject: [PATCH] hiding most live stat elements when not focused closes #3613

---
 frontend/src/ts/test/focus.ts | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/frontend/src/ts/test/focus.ts b/frontend/src/ts/test/focus.ts
index 7c39c8f55..18fcee7c4 100644
--- a/frontend/src/ts/test/focus.ts
+++ b/frontend/src/ts/test/focus.ts
@@ -1,5 +1,8 @@
 import * as Caret from "./caret";
 import * as ActivePage from "../states/active-page";
+import * as LiveWpm from "./live-wpm";
+import * as LiveBurst from "./live-burst";
+import * as LiveAcc from "./live-acc";
 
 const unfocusPx = 3;
 let state = false;
@@ -20,6 +23,9 @@ export function set(foc: boolean, withCursor = false): void {
     $("#ad-vertical-left-wrapper").addClass("focus");
     $("#ad-footer-wrapper").addClass("focus");
     $("#ad-footer-small-wrapper").addClass("focus");
+    LiveWpm.show();
+    LiveBurst.show();
+    LiveAcc.show();
   } else if (!foc && state) {
     state = false;
     Caret.startAnimation();
@@ -36,6 +42,9 @@ export function set(foc: boolean, withCursor = false): void {
     $("#ad-vertical-left-wrapper").removeClass("focus");
     $("#ad-footer-wrapper").removeClass("focus");
     $("#ad-footer-small-wrapper").removeClass("focus");
+    LiveWpm.hide();
+    LiveBurst.hide();
+    LiveAcc.hide();
   }
 }