From c151489caa1d30b5fadf31f97a27ae9a1bb69f4d Mon Sep 17 00:00:00 2001
From: Pinapelz <yukais@pinapelz.com>
Date: Sun, 12 Oct 2025 17:00:29 -0700
Subject: update score viewing pages to render nostalgia and reflecbeat
 components

---
 frontend/src/pages/AllScores.tsx | 66 ++++++++++++++++++++++++++++++++++++++++
 frontend/src/pages/Chart.tsx     | 17 +++++++++--
 frontend/src/pages/Home.tsx      |  8 +++++
 frontend/src/pages/Score.tsx     | 14 ++++++++-
 4 files changed, 102 insertions(+), 3 deletions(-)

(limited to 'frontend/src/pages')

diff --git a/frontend/src/pages/AllScores.tsx b/frontend/src/pages/AllScores.tsx
index e89cc64..1f7becf 100644
--- a/frontend/src/pages/AllScores.tsx
+++ b/frontend/src/pages/AllScores.tsx
@@ -5,6 +5,11 @@ import { NavBar } from "../components/NavBar";
 import SessionExpiredPopup from "../components/SessionExpiredPopup";
 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 MusicDiverScoreDisplay from "../components/displays/MusicDiverScoreDisplay";
+import NostalgiaScoreDisplay from "../components/displays/NostalgiaScoreDisplay";
+import ReflecBeatScoreDisplay from "../components/displays/ReflecBeatScoreDisplay";
 type SortField = string;
 type SortDirection = "asc" | "desc";
 
@@ -296,6 +301,67 @@ const AllScores = () => {
                   showUsername={true}
                 />
               );
+              break;
+            case "dancearound":
+              return (
+                <DancearoundScoreDisplay
+                  scores={scores}
+                  viewMode={viewMode}
+                  sortField={sortField}
+                  sortDirection={sortDirection}
+                  onSort={handleSort}
+                  showUsername={true}
+                />
+              );
+              break;
+            case "diva":
+              return (
+                <DivaScoreDisplay
+                  scores={scores}
+                  viewMode={viewMode}
+                  sortField={sortField}
+                  sortDirection={sortDirection}
+                  onSort={handleSort}
+                  showUsername={true}
+                />
+              );
+              break;
+            case "musicdiver":
+              return (
+                <MusicDiverScoreDisplay
+                  scores={scores}
+                  viewMode={viewMode}
+                  sortField={sortField}
+                  sortDirection={sortDirection}
+                  onSort={handleSort}
+                  showUsername={true}
+                />
+              );
+              break;
+            case "nostalgia":
+              return (
+                <NostalgiaScoreDisplay
+                  scores={scores}
+                  viewMode={viewMode}
+                  sortField={sortField}
+                  sortDirection={sortDirection}
+                  onSort={handleSort}
+                  showUsername={true}
+                />
+              );
+              break;
+            case "reflecbeat":
+              return (
+                <ReflecBeatScoreDisplay
+                  scores={scores}
+                  viewMode={viewMode}
+                  sortField={sortField}
+                  sortDirection={sortDirection}
+                  onSort={handleSort}
+                  showUsername={true}
+                />
+              );
+              break;
             default:
               return (
                 <ScoreDisplay
diff --git a/frontend/src/pages/Chart.tsx b/frontend/src/pages/Chart.tsx
index 062db44..ed3f648 100644
--- a/frontend/src/pages/Chart.tsx
+++ b/frontend/src/pages/Chart.tsx
@@ -6,13 +6,14 @@ 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 MusicDiverDisplay from "../components/displays/MusicDiverScoreDisplay";
 import SongInfoDisplay from "../components/modals/SongInfoDisplay";
+import DancearoundScoreDisplay from "../components/displays/DancearoundScoreDisplay";
+import NostalgiaScoreDisplay from "../components/displays/NostalgiaScoreDisplay";
 type SortField = string;
 type SortDirection = "asc" | "desc";
 
 import { getFilterOptions } from "../types/constants";
-import DancearoundScoreDisplay from "../components/displays/DancearoundScoreDisplay";
 
 const Chart = () => {
   const { user, isLoading, logout } = useAuth();
@@ -239,6 +240,18 @@ const Chart = () => {
                     hideTitleArtist={true}
                   />
                 );
+              case "nostalgia":
+                return (
+                  <NostalgiaScoreDisplay
+                    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 87146b5..ee31a3f 100644
--- a/frontend/src/pages/Home.tsx
+++ b/frontend/src/pages/Home.tsx
@@ -9,6 +9,8 @@ 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";
+import reflecbeatImage from "../assets/games/reflecbeat.webp";
+import nostalgiaImage from "../assets/games/nostalgia.webp";
 
 const Home = () => {
   const { user, isLoading, logout } = useAuth();
@@ -40,6 +42,12 @@ const Home = () => {
       case "musicdiver": {
         return musicdiverImage;
       }
+      case "reflecbeat": {
+        return reflecbeatImage;
+      }
+      case "nostalgia": {
+        return nostalgiaImage;
+      }
       default: {
         return null;
       }
diff --git a/frontend/src/pages/Score.tsx b/frontend/src/pages/Score.tsx
index 2f2c600..4d358a0 100644
--- a/frontend/src/pages/Score.tsx
+++ b/frontend/src/pages/Score.tsx
@@ -8,8 +8,9 @@ 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";
+import MusicDiverDisplay from "../components/displays/MusicDiverScoreDisplay";
 import ReflecBeatScoreDisplay from "../components/displays/ReflecBeatScoreDisplay";
+import NostalgiaScoreDisplay from "../components/displays/NostalgiaScoreDisplay";
 type SortField = string;
 type SortDirection = "asc" | "desc";
 
@@ -269,6 +270,17 @@ const Score = () => {
                   onDelete={handleDeleteScore}
                 />
               );
+            case "nostalgia":
+              return (
+                <NostalgiaScoreDisplay
+                  scores={scores}
+                  viewMode={viewMode}
+                  sortField={sortField}
+                  sortDirection={sortDirection}
+                  onSort={handleSort}
+                  onDelete={handleDeleteScore}
+                />
+              );
             default:
               return (
                 <ScoreDisplay
-- 
cgit v1.2.3