From 67ec39ca6e9db5de277950cda5ab43b76397d6af Mon Sep 17 00:00:00 2001
From: Kalle <38327916+Sendouc@users.noreply.github.com>
Date: Tue, 24 Jun 2025 13:55:35 +0300
Subject: [PATCH] Show color indicator for own group in SQ score reporting

---
 .../sendouq-match/routes/q.match.$id.tsx       | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/app/features/sendouq-match/routes/q.match.$id.tsx b/app/features/sendouq-match/routes/q.match.$id.tsx
index 694eaf123..0f1bd7a74 100644
--- a/app/features/sendouq-match/routes/q.match.$id.tsx
+++ b/app/features/sendouq-match/routes/q.match.$id.tsx
@@ -1204,7 +1204,14 @@ function MapListMap({
 									onChange={handleReportScore(i, "ALPHA")}
 								/>
 								<label className="mb-0" htmlFor={`alpha-${i}`}>
-									{`${t("q:match.sides.alpha")}${relativeSideText("ALPHA")}`}
+									{t("q:match.sides.alpha")}
+									<span
+										className={clsx({
+											"text-success": data.groupMemberOf === "ALPHA",
+										})}
+									>
+										{relativeSideText("ALPHA")}
+									</span>
 								</label>
 							</div>
 							<div className="stack sm horizontal items-center font-semi-bold">
@@ -1217,7 +1224,14 @@ function MapListMap({
 									onChange={handleReportScore(i, "BRAVO")}
 								/>
 								<label className="mb-0" htmlFor={`bravo-${i}`}>
-									{`${t("q:match.sides.bravo")}${relativeSideText("BRAVO")}`}
+									{t("q:match.sides.bravo")}
+									<span
+										className={clsx({
+											"text-success": data.groupMemberOf === "BRAVO",
+										})}
+									>
+										{relativeSideText("BRAVO")}
+									</span>
 								</label>
 							</div>
 						</div>