Android build v1.1.19

src/modes/iwt2/components/BossHud.tsx

@@ -2,16 +2,23 @@ import type { Iwt2BossEntityState } from '../sim'
 import { ArenaBar } from './ArenaBars'
 import { IWT2_BOSS_METADATA } from '../content/bosses'
 
-export function BossHud({ boss }: { boss: Iwt2BossEntityState }) {
-  const metadata = IWT2_BOSS_METADATA[boss.bossId]
+export function BossHud({ boss, bosses }: { boss?: Iwt2BossEntityState, bosses?: Iwt2BossEntityState[] }) {
+  const entries = bosses ?? (boss ? [boss] : [])
   return (
     <div className="iwt2-boss-hud">
-      <div>
-        <strong>{metadata.name}</strong>
-        <small>{Math.ceil(boss.health)} / {boss.maxHealth} HP</small>
-      </div>
-      <small className="iwt2-boss-phase">{boss.attackPhase}</small>
-      <ArenaBar className="boss" current={boss.health} max={boss.maxHealth} />
+      {entries.map((entry) => {
+        const metadata = IWT2_BOSS_METADATA[entry.bossId]
+        return (
+          <div className="iwt2-boss-hud-row" key={entry.id}>
+            <div>
+              <strong>{metadata.name}</strong>
+              <small>{Math.ceil(entry.health)} / {entry.maxHealth} HP</small>
+            </div>
+            <small className="iwt2-boss-phase">{entry.attackPhase}</small>
+            <ArenaBar className="boss" current={entry.health} max={entry.maxHealth} />
+          </div>
+        )
+      })}
     </div>
   )
 }