taiko: implement taiko arcade score view

4 files changed, 41 insertions, 6 deletions

diff --git a/frontend/src/pages/AllScores.tsx b/frontend/src/pages/AllScores.tsx
index a831891..2e34a1c 100644
--- a/frontend/src/pages/AllScores.tsx
+++ b/frontend/src/pages/AllScores.tsx
@@ -11,6 +11,7 @@ import DivaScoreDisplay from "../components/displays/DivaScoreDisplay";
 import MusicDiverScoreDisplay from "../components/displays/MusicDiverScoreDisplay";
 import NostalgiaScoreDisplay from "../components/displays/NostalgiaScoreDisplay";
 import ReflecBeatScoreDisplay from "../components/displays/ReflecBeatScoreDisplay";
+import TaikoScoreDisplay from "../components/displays/TaikoScoreDisplay";
 type SortField = string;
 type SortDirection = "asc" | "desc";
 
@@ -297,7 +298,6 @@ const AllScores = () => {
                   showUsername={true}
                 />
               );
-              break;
             case "dancearound":
               return (
                 <DancearoundScoreDisplay
@@ -309,7 +309,6 @@ const AllScores = () => {
                   showUsername={true}
                 />
               );
-              break;
             case "diva":
               return (
                 <DivaScoreDisplay
@@ -321,7 +320,6 @@ const AllScores = () => {
                   showUsername={true}
                 />
               );
-              break;
             case "musicdiver":
               return (
                 <MusicDiverScoreDisplay
@@ -333,7 +331,6 @@ const AllScores = () => {
                   showUsername={true}
                 />
               );
-              break;
             case "nostalgia":
               return (
                 <NostalgiaScoreDisplay
@@ -345,7 +342,6 @@ const AllScores = () => {
                   showUsername={true}
                 />
               );
-              break;
             case "reflecbeat":
               return (
                 <ReflecBeatScoreDisplay
@@ -357,7 +353,17 @@ const AllScores = () => {
                   showUsername={true}
                 />
               );
-              break;
+            case "taiko":
+              return (
+                <TaikoScoreDisplay
+                  scores={scores}
+                  viewMode={viewMode}
+                  sortField={sortField}
+                  sortDirection={sortDirection}
+                  onSort={handleSort}
+                  showUsername={true}
+                />
+              );
             default:
               return (
                 <ScoreDisplay
diff --git a/frontend/src/pages/Chart.tsx b/frontend/src/pages/Chart.tsx
index 7b486d6..aeb833e 100644
--- a/frontend/src/pages/Chart.tsx
+++ b/frontend/src/pages/Chart.tsx
@@ -12,6 +12,7 @@ import SongInfoDisplay from "../components/modals/SongInfoDisplay";
 import DancearoundScoreDisplay from "../components/displays/DancearoundScoreDisplay";
 import NostalgiaScoreDisplay from "../components/displays/NostalgiaScoreDisplay";
 import ReflecBeatScoreDisplay from "../components/displays/ReflecBeatScoreDisplay";
+import TaikoScoreDisplay from "../components/displays/TaikoScoreDisplay";
 type SortField = string;
 type SortDirection = "asc" | "desc";
 
@@ -261,6 +262,18 @@ const Chart = () => {
                     hideTitleArtist={true}
                   />
                 );
+              case "taiko":
+                return (
+                  <TaikoScoreDisplay
+                    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 0f4dff9..7ce7ced 100644
--- a/frontend/src/pages/Home.tsx
+++ b/frontend/src/pages/Home.tsx
@@ -12,6 +12,7 @@ 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";
+import taikoImage from "../assets/games/taiko.webp";
 
 const Home = () => {
   const { user, isLoading, logout } = useAuth();
@@ -49,6 +50,9 @@ const Home = () => {
       case "nostalgia": {
         return nostalgiaImage;
       }
+      case "taiko": {
+        return taikoImage;
+      }
       default: {
         return null;
       }
diff --git a/frontend/src/pages/Score.tsx b/frontend/src/pages/Score.tsx
index fb6db90..8787137 100644
--- a/frontend/src/pages/Score.tsx
+++ b/frontend/src/pages/Score.tsx
@@ -12,6 +12,7 @@ import DivaScoreDisplay from "../components/displays/DivaScoreDisplay";
 import MusicDiverDisplay from "../components/displays/MusicDiverScoreDisplay";
 import ReflecBeatScoreDisplay from "../components/displays/ReflecBeatScoreDisplay";
 import NostalgiaScoreDisplay from "../components/displays/NostalgiaScoreDisplay";
+import TaikoScoreDisplay from "../components/displays/TaikoScoreDisplay";
 type SortField = string;
 type SortDirection = "asc" | "desc";
 
@@ -292,6 +293,17 @@ const Score = () => {
                   onDelete={handleDeleteScore}
                 />
               );
+            case "taiko":
+              return (
+                <TaikoScoreDisplay
+                  scores={scores}
+                  viewMode={viewMode}
+                  sortField={sortField}
+                  sortDirection={sortDirection}
+                  onSort={handleSort}
+                  onDelete={handleDeleteScore}
+                />
+              );
             default:
               return (
                 <ScoreDisplay