builtbykev/vyndr
1
0
Fork 0
Code Issues Pull Requests Actions 6 Packages Projects Releases Wiki Activity

Rev 3 chips: pitcher identity 'vs' — team + opponent TeamChips

Browse Source 
PitcherArsenal's meta line showed team + 'vs OPP' as plain text; Rev 3 anchors
the pitcher's team and opponent with TeamChips (real logo / monogram). Combat
FightCard intentionally keeps fighter monograms (no photos — likeness rule).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
Kev
2026-07-16 21:58:27 -04:00
parent 6bc9093298
commit bf8bf16e5c
1 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/components/vyndr/PitcherArsenal.tsx
+9 -2
View File
@@ -1,6 +1,7 @@
'use client';
import { useEffect, useState } from 'react';
import TeamChip from '@/components/vyndr/TeamChip';
/**
* PitcherArsenal (Wave 5B) — the mockup's PITCHER IDENTITY lens: pitch mix % +
@@ -110,8 +111,14 @@ export default function PitcherArsenal({ arsenal, name, sport = 'mlb', pitcher,
<span className="mono" style={{ display: 'inline-flex', alignItems: 'center', height: 16, padding: '0 6px', borderRadius: 4, background: 'color-mix(in srgb, var(--g-a) 12%, transparent)', border: '1px solid color-mix(in srgb, var(--g-a) 30%, transparent)', color: 'var(--g-a)', fontSize: 8.5, fontWeight: 700, letterSpacing: '.06em' }}>CONFIRMED</span>
)}
</div>
<div className="mono" style={{ fontSize: 10.5, color: '#707080', marginTop: 3, letterSpacing: '.05em' }}>
{[meta.hand, meta.number != null ? `#${meta.number}` : null, meta.team, meta.vs ? `vs ${meta.vs}` : null].filter(Boolean).join(' · ') || 'ARSENAL'}
{/* Rev 3 — pitcher "vs": team + opponent anchored by TeamChips. */}
<div className="mono" style={{ fontSize: 10.5, color: '#707080', marginTop: 3, letterSpacing: '.05em', display: 'flex', alignItems: 'center', gap: 6, flexWrap: 'wrap' }}>
{[meta.hand, meta.number != null ? `#${meta.number}` : null].filter(Boolean).join(' · ') && (
<span>{[meta.hand, meta.number != null ? `#${meta.number}` : null].filter(Boolean).join(' · ')}</span>
)}
{meta.team && <TeamChip team={meta.team} sport="mlb" size={11} style={{ fontSize: 10.5, color: '#707080' }} />}
{meta.vs && <span style={{ display: 'inline-flex', alignItems: 'center', gap: 4 }}>vs <TeamChip team={meta.vs} sport="mlb" size={11} style={{ fontSize: 10.5, color: '#707080' }} /></span>}
{!meta.hand && meta.number == null && !meta.team && !meta.vs && <span>ARSENAL</span>}
</div>
</div>
</div>