diff --git a/src/twitch-hdt.d.ts b/src/twitch-hdt.d.ts index ec49b54..625b964 100644 --- a/src/twitch-hdt.d.ts +++ b/src/twitch-hdt.d.ts @@ -30,6 +30,11 @@ export interface BoardStateData { */ opponent?: BoardStatePlayer; + /** + * The dbfId of the Battleground anomaly. + */ + battlegrounds_anomaly?: number; + /** * Contains the game type of the current game. */ diff --git a/src/viewer/overlay/Overlay.tsx b/src/viewer/overlay/Overlay.tsx index 4c17415..b547163 100644 --- a/src/viewer/overlay/Overlay.tsx +++ b/src/viewer/overlay/Overlay.tsx @@ -146,6 +146,15 @@ const Weapon = styled(OverlayElement)` clip-path: circle(50% at 50% 50%); `; +const BattlegroundsAnomaly = styled(OverlayElement)` + top: ${(props) => props.top || "unset"}; + right: ${(props) => props.right || "unset"}; + + height: 8.5vh; + width: 8.5vh; + clip-path: circle(50% at 50% 50%); +`; + const Deck = styled(OverlayElement)` top: ${(props) => props.top || "unset"}; right: ${(props) => props.right || "unset"}; @@ -322,6 +331,11 @@ class Overlay extends React.Component { const opponent = boardState && boardState.opponent ? boardState.opponent : {}; + const anomaly = + boardState && boardState.battlegrounds_anomaly + ? boardState.battlegrounds_anomaly + : null; + const gameType = boardState && boardState.game_type ? boardState.game_type @@ -585,6 +599,9 @@ class Overlay extends React.Component { ) : null} + + + )}