3 files changed, 31 insertions, 2 deletions
diff --git a/frontend/src/pages/Chart.tsx b/frontend/src/pages/Chart.tsx
index a2d5807..062db44 100644
--- a/frontend/src/pages/Chart.tsx
+++ b/frontend/src/pages/Chart.tsx
@@ -6,6 +6,7 @@ import SessionExpiredPopup from "../components/SessionExpiredPopup";
 import ScoreDisplay from "../components/displays/GenericScoreDisplay";
 import DancerushScoreDisplay from "../components/displays/DancerushScoreDisplay";
 import DivaScoreDisplay from "../components/displays/DivaScoreDisplay";
+import MusicDiverDisplay from "../components/displays/MusicDiverDisplay";
 import SongInfoDisplay from "../components/modals/SongInfoDisplay";
 type SortField = string;
 type SortDirection = "asc" | "desc";
@@ -226,6 +227,18 @@ const Chart = () => {
                     hideTitleArtist={true}
                   />
                 );
+              case "musicdiver":
+                return (
+                  <MusicDiverDisplay
+                    scores={scores}
+                    viewMode={viewMode}
+                    sortField={sortField}
+                    sortDirection={sortDirection}
+                    onSort={handleSort}
+                    showUsername={true}
+                    hideTitleArtist={true}
+                  />
+                );
             default:
               return (
                 <ScoreDisplay
diff --git a/frontend/src/pages/Home.tsx b/frontend/src/pages/Home.tsx
index 389c0b6..87146b5 100644
--- a/frontend/src/pages/Home.tsx
+++ b/frontend/src/pages/Home.tsx
@@ -8,6 +8,7 @@ import { useState, useEffect } from "react";
 import dancerushImage from "../assets/games/dancerush.webp";
 import dancearoundImage from "../assets/games/dancearound.webp";
 import divaImage from "../assets/games/diva.webp";
+import musicdiverImage from "../assets/games/music_diver.webp";
 
 const Home = () => {
   const { user, isLoading, logout } = useAuth();
@@ -36,6 +37,9 @@ const Home = () => {
       case "diva": {
         return divaImage;
       }
+      case "musicdiver": {
+        return musicdiverImage;
+      }
       default: {
         return null;
       }
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