From c273c56122121e7e131c24597a500be07e0e22ef Mon Sep 17 00:00:00 2001
From: Pinapelz <yukais@pinapelz.com>
Date: Fri, 7 Nov 2025 21:26:49 -0800
Subject: around: move dance around clear status to use full mainstat row

---
 .../components/displays/DancearoundScoreDisplay.tsx    | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

(limited to 'frontend/src/components/displays/DancearoundScoreDisplay.tsx')

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">
-- 
cgit v1.2.3