drs: track and display playstyle for each chart (1/2 players)

4 files changed, 15 insertions, 3 deletions

diff --git a/frontend/src/assets/games/dancerush/1_p.webp b/frontend/src/assets/games/dancerush/1_p.webp
new file mode 100644
index 0000000..dfab896
--- /dev/null
+++ b/frontend/src/assets/games/dancerush/1_p.webp
diff --git a/frontend/src/assets/games/dancerush/2_p.webp b/frontend/src/assets/games/dancerush/2_p.webp
new file mode 100644
index 0000000..72158b3
--- /dev/null
+++ b/frontend/src/assets/games/dancerush/2_p.webp
diff --git a/frontend/src/components/displays/DancerushScoreDisplay.tsx b/frontend/src/components/displays/DancerushScoreDisplay.tsx
index e3bae96..908880c 100644
--- a/frontend/src/components/displays/DancerushScoreDisplay.tsx
+++ b/frontend/src/components/displays/DancerushScoreDisplay.tsx
@@ -3,6 +3,8 @@ import {Link} from "react-router";
 import { globalSkipKeys } from "../../types/constants";
 import dancerushEasyImg from "../../assets/games/dancerush/easy.webp";
 import dancerushNormalImg from "../../assets/games/dancerush/normal.webp";
+import p1_img from "../../assets/games/dancerush/1_p.webp";
+import p2_img from "../../assets/games/dancerush/2_p.webp";
 import SHA1 from "crypto-js/sha1";
 
 interface Score {
@@ -50,6 +52,7 @@ const DancerushScoreDisplay: React.FC<ScoreDisplayProps> = ({
     bad: "Bad",
     miss: "Miss",
     username: "Username",
+    num_players: "Players"
   };
 
   const primaryKeys = ["title", "artist", "song"];
@@ -142,13 +145,13 @@ const DancerushScoreDisplay: React.FC<ScoreDisplayProps> = ({
     }
 
     if(key === "diff_lamp"){
-      return <span className="">
+      return <span>
         <img src={value == "EASY" ? dancerushEasyImg : dancerushNormalImg} alt={value} />
       </span>;
     }
 
     if(key === "lamp"){
-       return <span className=" px-2 py-1 rounded-full">{
+       return <span className="px-2 py-1 rounded-full">{
          (() => {
            switch(value){
              case 1:
@@ -168,6 +171,13 @@ const DancerushScoreDisplay: React.FC<ScoreDisplayProps> = ({
        }</span>;
     }
 
+    if(key === "num_players"){
+      return <span>
+        <img src={value == 1 ? p1_img : p2_img} alt={value + " player"} />
+      </span>
+    }
+
+
     return <span>{formatValue(value, key)}</span>;
   };
 
@@ -248,6 +258,7 @@ const DancerushScoreDisplay: React.FC<ScoreDisplayProps> = ({
     "judgements",
     "maxCombo",
     "combo",
+    "num_players",
     "timestamp",
   ].filter((key) => allKeys.includes(key));
 
@@ -307,7 +318,7 @@ const DancerushScoreDisplay: React.FC<ScoreDisplayProps> = ({
               {/* Main Stats */}
               {mainStats.length > 0 && (
                 <div className="grid grid-cols-2 gap-4 mb-4">
-                  {mainStats.slice(0, 4).map(([key, value]) => (
+                  {mainStats.slice(0, 5).map(([key, value]) => (
                     <div key={key} className="bg-slate-800/50 rounded-lg p-3">
                       <p className="text-slate-400 text-xs uppercase tracking-wide mb-1">
                         {getDisplayName(key)}
diff --git a/frontend/src/components/displays/GenericScoreDisplay.tsx b/frontend/src/components/displays/GenericScoreDisplay.tsx
index 255c804..4201d95 100644
--- a/frontend/src/components/displays/GenericScoreDisplay.tsx
+++ b/frontend/src/components/displays/GenericScoreDisplay.tsx
@@ -62,6 +62,7 @@ const ScoreDisplay: React.FC<ScoreDisplayProps> = ({
     date: "Date",
     time: "Time",
     username: "Username",
+    num_players: "Players"
   };
 
   const primaryKeys = ["title", "artist", "song"];