implement MUSIC DIVER score tracking

1 files changed, 14 insertions, 2 deletions

diff --git a/frontend/src/pages/Score.tsx b/frontend/src/pages/Score.tsx
index 7a61311..50b1e63 100644
--- a/frontend/src/pages/Score.tsx
+++ b/frontend/src/pages/Score.tsx
@@ -8,6 +8,7 @@ import ScoreDisplay from "../components/displays/GenericScoreDisplay";
 import DancerushScoreDisplay from "../components/displays/DancerushScoreDisplay";
 import DancearoundScoreDisplay from "../components/displays/DancearoundScoreDisplay";
 import DivaScoreDisplay from "../components/displays/DivaScoreDisplay";
+import MusicDiverDisplay from "../components/displays/MusicDiverDisplay";
 type SortField = string;
 type SortDirection = "asc" | "desc";
 
@@ -91,7 +92,7 @@ const Score = () => {
       setLoading(true);
       try {
         const url = new URL(import.meta.env.VITE_API_URL + "/scores");
-        url.searchParams.append("userId", user.id);
+        url.searchParams.append("userId", user.id.toString());
         url.searchParams.append("internalGameName", gameName);
         url.searchParams.append("pageNum", pageNum.toString());
         url.searchParams.append("sortKey", requestOrder);
@@ -123,7 +124,7 @@ const Score = () => {
 
     try {
       const url = new URL(import.meta.env.VITE_API_URL + "/scores");
-      url.searchParams.append("userId", user.id);
+      url.searchParams.append("userId", user.id.toString());
       url.searchParams.append("internalGameName", gameName);
       url.searchParams.append("scoreId", scoreId.toString());
 
@@ -245,6 +246,17 @@ const Score = () => {
                   onDelete={handleDeleteScore}
                 />
               );
+            case "musicdiver":
+              return (
+                <MusicDiverDisplay
+                  scores={scores}
+                  viewMode={viewMode}
+                  sortField={sortField}
+                  sortDirection={sortDirection}
+                  onSort={handleSort}
+                  onDelete={handleDeleteScore}
+                />
+              );
             default:
               return (
                 <ScoreDisplay