일정 카드 AI 아이콘 확대(24px)·VS를 픽 우세 부등호로

AI 픽이 있는 카드는 VS 대신 우세 방향 부등호(>, <, 팽팽하면 =) 표시.
픽 없는 경기는 기존 VS 유지.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
jwkim 2026-08-25 09:11:24 +09:00
parent 8da8b7e7bd
commit 2a8f2bc1fa

View File

@ -451,7 +451,7 @@ function AiPickIcons({ models }: { models: ModelName[] }) {
src={MODEL_ICON[m]} src={MODEL_ICON[m]}
alt={m} alt={m}
title={m} title={m}
className="h-[18px] w-[18px] shrink-0 rounded-full border border-white/25 object-cover" className="h-6 w-6 shrink-0 rounded-full border border-white/25 object-cover"
/> />
))} ))}
</> </>
@ -521,6 +521,14 @@ function MatchCard({
const drawPicks = picksFor("DRAW"); const drawPicks = picksFor("DRAW");
const showAiRow = const showAiRow =
match.votable && phase !== "cancelled" && match.predictions.length > 0; match.votable && phase !== "cancelled" && match.predictions.length > 0;
// AI 픽 우세 방향 부등호 — VS 자리에 표시 (팽팽하면 =, 픽 없으면 VS 유지)
const vsSign = !showAiRow
? null
: leftPicks.length > rightPicks.length
? ">"
: leftPicks.length < rightPicks.length
? "<"
: "=";
// 비투표(타 조)는 클릭 비활성, 투표 가능 조(A)는 상세로 이동 // 비투표(타 조)는 클릭 비활성, 투표 가능 조(A)는 상세로 이동
const inner = ( const inner = (
@ -581,7 +589,16 @@ function MatchCard({
{(flip ? live.score.away : live.score.home) ?? 0} {(flip ? live.score.away : live.score.home) ?? 0}
</span> </span>
) : ( ) : (
<span className="font-impact text-[18px] italic text-[#94FBE0]">VS</span> vsSign ? (
<span
className="font-impact text-[24px] font-extrabold text-[#94FBE0]"
title={lang === "en" ? "AI pick lean" : "AI 픽 우세 방향"}
>
{vsSign}
</span>
) : (
<span className="font-impact text-[18px] italic text-[#94FBE0]">VS</span>
)
)} )}
<div className="flex items-center justify-end gap-2"> <div className="flex items-center justify-end gap-2">
{isClub && <RankBadge rank={rightSt?.rank} lang={lang} />} {isClub && <RankBadge rank={rightSt?.rank} lang={lang} />}