chore: optimise depencencies by extracting prefetch functions to their own module

Author: Miodec

frontend/src/ts/components/layout/header/Nav.tsx

@@ -2,6 +2,10 @@ import { useQuery } from "@tanstack/solid-query";
 import { createMemo, JSXElement, Show } from "solid-js";
 
 import { createEffectOn } from "../../../hooks/effects";
+import {
+  prefetchAboutPage,
+  prefetchLeaderboardPage,
+} from "../../../queries/prefetch";
 import { getServerConfigurationQueryOptions } from "../../../queries/server-configuration";
 import {
   restartTestEvent,
@@ -21,8 +25,6 @@ import { AnimeConditional } from "../../common/anime";
 import { Button } from "../../common/Button";
 import { NotificationBubble } from "../../common/NotificationBubble";
 import { User } from "../../common/User";
-import { prefetchAboutPage } from "../../pages/AboutPage";
-import { prefetchLeaderboardPage } from "../../pages/leaderboard/LeaderboardPage";
 import { AccountMenu } from "./AccountMenu";
 import { AccountXpBar } from "./AccountXpBar";
 

frontend/src/ts/components/pages/AboutPage.tsx

@@ -2,7 +2,6 @@ import { useQuery } from "@tanstack/solid-query";
 import { For, JSXElement, Show } from "solid-js";
 
 import { getConfig } from "../../config/store";
-import { queryClient } from "../../queries";
 import {
   getContributorsQueryOptions,
   getSpeedHistogramQueryOptions,
@@ -19,13 +18,6 @@ import { ChartJs } from "../common/ChartJs";
 import { Fa } from "../common/Fa";
 import { H2, H3 } from "../common/Headers";
 
-export function prefetchAboutPage(): void {
-  void queryClient.prefetchQuery(getContributorsQueryOptions());
-  void queryClient.prefetchQuery(getSupportersQueryOptions());
-  void queryClient.prefetchQuery(getTypingStatsQueryOptions());
-  void queryClient.prefetchQuery(getSpeedHistogramQueryOptions());
-}
-
 export function AboutPage(): JSXElement {
   const isOpen = () => getActivePage() === "about";
 

frontend/src/ts/components/pages/leaderboard/LeaderboardPage.tsx

@@ -285,17 +285,3 @@ export function LeaderboardPage(): JSXElement {
     </Show>
   );
 }
-
-export function prefetchLeaderboardPage(): void {
-  void queryClient.prefetchQuery(
-    getLeaderboardQueryOptions({
-      type: "allTime",
-      mode: "time",
-      mode2: "15",
-      language: "english",
-      friendsOnly: false,
-      page: 0,
-      previous: false,
-    }),
-  );
-}

frontend/src/ts/queries/prefetch.ts

@@ -0,0 +1,29 @@
+import { queryClient } from ".";
+import {
+  getContributorsQueryOptions,
+  getSpeedHistogramQueryOptions,
+  getSupportersQueryOptions,
+  getTypingStatsQueryOptions,
+} from "./public";
+import { getLeaderboardQueryOptions } from "./leaderboards";
+
+export function prefetchAboutPage(): void {
+  void queryClient.prefetchQuery(getContributorsQueryOptions());
+  void queryClient.prefetchQuery(getSupportersQueryOptions());
+  void queryClient.prefetchQuery(getTypingStatsQueryOptions());
+  void queryClient.prefetchQuery(getSpeedHistogramQueryOptions());
+}
+
+export function prefetchLeaderboardPage(): void {
+  void queryClient.prefetchQuery(
+    getLeaderboardQueryOptions({
+      type: "allTime",
+      mode: "time",
+      mode2: "15",
+      language: "english",
+      friendsOnly: false,
+      page: 0,
+      previous: false,
+    }),
+  );
+}