diff options
Diffstat (limited to 'frontend/src/components')
| -rw-r--r-- | frontend/src/components/displays/DancearoundScoreDisplay.tsx | 18 |
1 files changed, 16 insertions, 2 deletions
diff --git a/frontend/src/components/displays/DancearoundScoreDisplay.tsx b/frontend/src/components/displays/DancearoundScoreDisplay.tsx index b426d96..6925dd0 100644 --- a/frontend/src/components/displays/DancearoundScoreDisplay.tsx +++ b/frontend/src/components/displays/DancearoundScoreDisplay.tsx @@ -33,7 +33,6 @@ const DancearoundScoreDisplay: React.FC<ScoreDisplayProps> = ({ good: "Good", bad: "Bad", username: "Username", - clear_status: "Status" }; const mainStatKeys = [ @@ -42,7 +41,7 @@ const DancearoundScoreDisplay: React.FC<ScoreDisplayProps> = ({ "level", "lamp", ]; - const expandableKeys = ["judgements", "optional", "clear_status"]; + const expandableKeys = ["judgements", "optional"]; // eslint-disable-next-line @typescript-eslint/no-explicit-any const formatValue = (value: any, key: string): string => { if (value === null || value === undefined) return "N/A"; @@ -295,6 +294,21 @@ const DancearoundScoreDisplay: React.FC<ScoreDisplayProps> = ({ </div> )} + {/* Clear Status */} + {score.clear_status && ( + <div className="mb-4 bg-gradient-to-r from-violet-900/20 to-purple-900/20 rounded-xl p-4 border border-violet-700/30 shadow-lg shadow-violet-500/10"> + <div className="flex items-center justify-between"> + <p className="text-violet-300 text-xs uppercase tracking-wider font-semibold"> + Clear Status + </p> + <div className="flex-1 flex justify-center"> + {renderValue(score.clear_status, "clear_status")} + </div> + </div> + </div> + )} + + {/* Expandable sections (judgements, optional) */} {expandable.map(([key, value]) => ( <div key={key} className="mb-4"> |