From cdaf16b157b7210162f65c8c1fd05eb35c9577db Mon Sep 17 00:00:00 2001
From: Liam <liam@fascinated.cc>
Date: Tue, 1 Oct 2024 15:49:38 +0100
Subject: [PATCH] add db load time in the toast

---
 src/common/database/database.ts            | 6 +++---
 src/components/loaders/database-loader.tsx | 2 +-
 src/components/player/player-data.tsx      | 6 +++---
 src/hooks/use-is-visible.ts                | 2 +-
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/common/database/database.ts b/src/common/database/database.ts
index 93ce4cc..8a63a5d 100644
--- a/src/common/database/database.ts
+++ b/src/common/database/database.ts
@@ -12,7 +12,7 @@ export default class Database extends Dexie {
   settings!: EntityTable<Settings, "id">;
 
   /**
-   * BeatSaver maps
+   * Cached BeatSaver maps
    */
   beatSaverMaps!: EntityTable<BeatSaverMap, "hash">;
 
@@ -58,7 +58,7 @@ export default class Database extends Dexie {
    * @returns the settings
    */
   async getSettings(): Promise<Settings | undefined> {
-    return await this.settings.get(SETTINGS_ID);
+    return this.settings.get(SETTINGS_ID);
   }
 
   /**
@@ -68,7 +68,7 @@ export default class Database extends Dexie {
    * @returns the settings
    */
   async setSettings(settings: Settings) {
-    return await this.settings.update(SETTINGS_ID, settings);
+    return this.settings.update(SETTINGS_ID, settings);
   }
 }
 
diff --git a/src/components/loaders/database-loader.tsx b/src/components/loaders/database-loader.tsx
index 41fd69a..f28e3cf 100644
--- a/src/components/loaders/database-loader.tsx
+++ b/src/components/loaders/database-loader.tsx
@@ -26,7 +26,7 @@ export default function DatabaseLoader({ children }: Props) {
     db.on("ready", () => {
       toast({
         title: "Database loaded",
-        description: "The database was loaded successfully.",
+        description: `The database was loaded in ${performance.now() - before}ms.`,
       });
     });
   }, [toast]);
diff --git a/src/components/player/player-data.tsx b/src/components/player/player-data.tsx
index de25bba..58c4180 100644
--- a/src/components/player/player-data.tsx
+++ b/src/components/player/player-data.tsx
@@ -24,17 +24,17 @@ type Props = {
 };
 
 export default function PlayerData({
-  initialPlayerData: initalPlayerData,
+  initialPlayerData: initialPlayerData,
   initialScoreData,
   initialSearch,
   sort,
   page,
 }: Props) {
   const isMobile = useIsMobile();
-  const miniRankingsRef = useRef<any>();
+  const miniRankingsRef = useRef<HTMLDivElement>(null);
   const isMiniRankingsVisible = useIsVisible(miniRankingsRef);
 
-  let player = initalPlayerData;
+  let player = initialPlayerData;
   const { data, isLoading, isError } = useQuery({
     queryKey: ["player", player.id],
     queryFn: () => scoresaberService.lookupPlayer(player.id),
diff --git a/src/hooks/use-is-visible.ts b/src/hooks/use-is-visible.ts
index e20651e..bd1e7dc 100644
--- a/src/hooks/use-is-visible.ts
+++ b/src/hooks/use-is-visible.ts
@@ -5,7 +5,7 @@ import { useEffect, useState } from "react";
  *
  * @param ref the ref of the element
  */
-export function useIsVisible(ref: any) {
+export function useIsVisible(ref: React.RefObject<HTMLElement>) {
   const [isIntersecting, setIntersecting] = useState(false);
 
   useEffect(() => {