fix: scroll to top button remaining visible on the test page

Author: Miodec

frontend/src/ts/elements/scroll-to-top.ts

@@ -3,6 +3,16 @@ import { prefersReducedMotion } from "../utils/misc";
 
 let visible = false;
 
+export function hide(): void {
+  $(".scrollToTopButton").addClass("invisible");
+  visible = false;
+}
+
+function show(): void {
+  $(".scrollToTopButton").removeClass("invisible");
+  visible = true;
+}
+
 $(document).on("click", ".scrollToTopButton", () => {
   $(".scrollToTopButton").addClass("invisible");
   window.scrollTo({
@@ -17,10 +27,8 @@ $(window).on("scroll", () => {
 
   const scroll = window.scrollY;
   if (!visible && scroll > 100) {
-    $(".scrollToTopButton").removeClass("invisible");
-    visible = true;
+    show();
   } else if (visible && scroll < 100) {
-    $(".scrollToTopButton").addClass("invisible");
-    visible = false;
+    hide();
   }
 });

frontend/src/ts/pages/test.ts

@@ -7,6 +7,7 @@ import { updateFooterAndVerticalAds } from "../controllers/ad-controller";
 import * as ModesNotice from "../elements/modes-notice";
 import * as Keymap from "../elements/keymap";
 import * as TestConfig from "../test/test-config";
+import * as ScrollToTop from "../elements/scroll-to-top";
 
 export const page = new Page({
   name: "test",
@@ -32,5 +33,6 @@ export const page = new Page({
     void TestConfig.instantUpdate();
     void Funbox.activate();
     void Keymap.refresh();
+    ScrollToTop.hide();
   },
 });