diff --git a/frontend/src/components/match/MatchDetailView.tsx b/frontend/src/components/match/MatchDetailView.tsx index 049d6a8d..f702150f 100644 --- a/frontend/src/components/match/MatchDetailView.tsx +++ b/frontend/src/components/match/MatchDetailView.tsx @@ -19,6 +19,7 @@ import { Play, ArrowLeft, Users, + AlertTriangle, } from "lucide-react"; import { cn } from "@/lib/utils"; @@ -36,9 +37,52 @@ export function MatchDetailView({ const isWinner = match.winnerId === currentUserId; const player1Won = match.winnerId === match.player1Id; const player2Won = match.winnerId === match.player2Id; + const isDisputed = match.status === "disputed"; return (
+ {isDisputed && ( +
+
+ + Under Review +
+

+ This match is currently under dispute review. An admin will evaluate + both submitted scores and reach a decision. +

+ {match.disputeDeadline && ( +

+ + Dispute deadline:{" "} + + {new Date(match.disputeDeadline).toLocaleString()} + +

+ )} +
+
+

+ {match.player1Username} +

+

{match.scorePlayer1 ?? "—"}

+
+ vs +
+

+ {match.player2Username} +

+

{match.scorePlayer2 ?? "—"}

+
+
+ + Contact support + +
+ )}
@@ -60,7 +104,7 @@ export function MatchDetailView({ )} - {match.canDispute && ( + {match.canDispute && !isDisputed && (