62 lines
2.2 KiB
TypeScript
62 lines
2.2 KiB
TypeScript
type MatchConditionsCardProps = {
|
||
matchId: string;
|
||
strictnessIndex: number;
|
||
heatIndex: number;
|
||
cardsPressureAlert: boolean;
|
||
secondHalfHomeAttack: number;
|
||
secondHalfAwayAttack: number;
|
||
secondHalfUnderRecommendation: boolean;
|
||
attackerDirection: string;
|
||
};
|
||
|
||
export function MatchConditionsCard({
|
||
matchId,
|
||
strictnessIndex,
|
||
heatIndex,
|
||
cardsPressureAlert,
|
||
secondHalfHomeAttack,
|
||
secondHalfAwayAttack,
|
||
secondHalfUnderRecommendation,
|
||
attackerDirection,
|
||
}: MatchConditionsCardProps) {
|
||
const isHeatCritical = heatIndex >= 32;
|
||
const isStrict = strictnessIndex >= 80;
|
||
const underSignal = secondHalfUnderRecommendation || cardsPressureAlert;
|
||
|
||
return (
|
||
<article className="panel-glow rounded-2xl p-4">
|
||
<h3 className="dot-matrix text-lg text-[#7d2a15]">場次條件指標：{matchId}</h3>
|
||
<div className="mt-3 space-y-2 text-sm text-[#6f4f3c]">
|
||
<p>裁判嚴厲度：{strictnessIndex.toFixed(1)}</p>
|
||
<p>Heat Index：{heatIndex.toFixed(1)} ℃</p>
|
||
<p>下半場主隊攻勢調整：{secondHalfHomeAttack.toFixed(2)}</p>
|
||
<p>下半場客隊攻勢調整：{secondHalfAwayAttack.toFixed(2)}</p>
|
||
<p>攻守主導：{attackerDirection}</p>
|
||
</div>
|
||
|
||
<div
|
||
className={`mt-4 rounded-xl border p-3 ${underSignal ? 'border-[#d1432d] bg-[#fff0e2]' : 'border-[#dcb53b] bg-[#fff8e6]'}`}
|
||
>
|
||
<p className="dot-matrix text-sm text-[#7d2a15]">條件結論</p>
|
||
{cardsPressureAlert ? (
|
||
<p className="mt-1 text-sm text-[#8c2f2f]">
|
||
卡牌盤壓力信號：牌數上盤偏緊，需警惕莊家對高牌盤的保守估計
|
||
</p>
|
||
) : null}
|
||
{isHeatCritical ? (
|
||
<p className="mt-1 text-sm text-[#8c2f2f]">
|
||
高溫濕度加權：下半場容易偏慢，優先觀察 2H Under
|
||
</p>
|
||
) : null}
|
||
{isStrict ? (
|
||
<p className="mt-1 text-sm text-[#8c2f2f]">審判尺度偏嚴，犯規型盤口策略需降風險。</p>
|
||
) : null}
|
||
{!cardsPressureAlert && !isHeatCritical ? (
|
||
<p className="mt-1 text-sm text-[#7a5b46]">目前條件可視為正常，未看到明顯單場偏差。</p>
|
||
) : null}
|
||
</div>
|
||
</article>
|
||
);
|
||
}
|
||
|