mirror of
https://github.com/AmanTahiliani/box-box.git
synced 2026-08-07 19:56:18 -04:00
22 lines
570 B
TypeScript
22 lines
570 B
TypeScript
|
import type { Battle } from '../../lib/battles'
|
||
|
|
import { battleLabel } from '../../lib/battles'
|
||
|
|
|
||
|
|
interface Props {
|
||
|
|
battles: Battle[]
|
||
|
|
}
|
||
|
|
|
||
|
|
export function BattleChips({ battles }: Props) {
|
||
|
|
if (battles.length === 0) return null
|
||
|
|
|
||
|
|
return (
|
||
|
|
<div className="battle-chips" data-testid="battle-chips">
|
||
|
|
<span className="battle-chips-label">Battles</span>
|
||
|
|
{battles.map((battle) => (
|
||
|
|
<span className="battle-chip mono" key={battle.drivers.map((d) => d.racingNumber).join('-')}>
|
||
|
|
{battleLabel(battle)}
|
||
|
|
</span>
|
||
|
|
))}
|
||
|
|
</div>
|
||
|
|
)
|
||
|
|
}
|