From 62b18b94533f4bbdeec01a430c6b5df698758bdf Mon Sep 17 00:00:00 2001
From: Benedict Etzel <benedict@hearthsim.net>
Date: Fri, 23 Aug 2024 01:54:24 +0200
Subject: [PATCH] feat: add support for anomalies (in traditional Hearthstone)

---
 src/twitch-hdt.d.ts            |  5 +++++
 src/viewer/overlay/Overlay.tsx | 22 ++++++++++++++++++++--
 2 files changed, 25 insertions(+), 2 deletions(-)

diff --git a/src/twitch-hdt.d.ts b/src/twitch-hdt.d.ts
index ec488db..fb3abd5 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 anomaly in traditional Hearthstone.
+	 */
+	traditional_anomaly?: number;
+
 	/**
 	 * The dbfId of the Battleground anomaly.
 	 */
diff --git a/src/viewer/overlay/Overlay.tsx b/src/viewer/overlay/Overlay.tsx
index c456fa3..45204c1 100644
--- a/src/viewer/overlay/Overlay.tsx
+++ b/src/viewer/overlay/Overlay.tsx
@@ -156,6 +156,15 @@ const Trinket = styled(OverlayElement)`
 	clip-path: circle(50% at 50% 50%);
 `;
 
+const TraditionalAnomaly = styled(OverlayElement)`
+	top: ${(props) => props.top || "unset"};
+	left: ${(props) => props.left || "unset"};
+
+	height: 6.5vh;
+	width: 6.5vh;
+	clip-path: circle(50% at 50% 50%);
+`;
+
 const BattlegroundsAnomaly = styled(OverlayElement)`
 	top: ${(props) => props.top || "unset"};
 	right: ${(props) => props.right || "unset"};
@@ -341,7 +350,12 @@ class Overlay extends React.Component<Props & TwitchExtProps, State> {
 		const opponent =
 			boardState && boardState.opponent ? boardState.opponent : {};
 
-		const anomaly =
+		const traditionalAnomaly =
+			boardState && boardState.traditional_anomaly
+				? boardState.traditional_anomaly
+				: null;
+
+		const battlegroundsAnomaly =
 			boardState && boardState.battlegrounds_anomaly
 				? boardState.battlegrounds_anomaly
 				: null;
@@ -600,6 +614,10 @@ class Overlay extends React.Component<Props & TwitchExtProps, State> {
 								</Weapon>
 							)}
 
+							<TraditionalAnomaly left={"26.5vh"} top={"27vh"}>
+								<Entity dbfId={traditionalAnomaly || null} />
+							</TraditionalAnomaly>
+
 							{!ignoreDeck ? (
 								<>
 									<Deck top={"24vh"} right={"24vh"}>
@@ -635,7 +653,7 @@ class Overlay extends React.Component<Props & TwitchExtProps, State> {
 								</>
 							) : null}
 							<BattlegroundsAnomaly right={"24vh"} top={"34.5vh"}>
-								<Entity dbfId={anomaly || null} />
+								<Entity dbfId={battlegroundsAnomaly || null} />
 							</BattlegroundsAnomaly>
 						</Offset>
 					)}