Fix: Gym Graph race condition where the dark mode toggle didn't yet e…

…xist (only reproduced on FF) (#807) Co-authored-by: Sashank <76554862+Sashank999@users.noreply.github.com>
Mephiles · Sep 15, 2024 · ad7fc8f · ad7fc8f
1 parent 2da6db5
commit ad7fc8f
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/extension/changelog.json b/extension/changelog.json
@@ -5,7 +5,10 @@
 		"date": false,
 		"logs": {
 			"features": [],
-			"fixes": [{ "message": "Copy Post for Discord not working due to layout changes.", "contributor": "TheFoxMan" }],
+			"fixes": [
+        { "message": "Copy Post for Discord not working due to layout changes.", "contributor": "TheFoxMan" },
+        { "message": "Fixed a race condition breaking the Gym Graph on Firefox", "contributor": "Kwack" }
+      ],
 			"changes": [],
 			"removed": []
 		}

diff --git a/extension/scripts/features/gym-graph/ttGymGraph.js b/extension/scripts/features/gym-graph/ttGymGraph.js
@@ -132,13 +132,13 @@
 			const gymChart = createChart();
 
 			// If Torn dark mode is toggled.
-			document.find("#dark-mode-state").addEventListener("change", (event) => {
+			await requireElement("#dark-mode-state").then((el) => el.addEventListener("change", (event) => {
 				const color = event.target.checked ? "#fff" : "#000";
 				gymChart.options.scales.x.ticks.color = color;
 				gymChart.options.scales.y.ticks.color = color;
 				gymChart.options.plugins.legend.labels.color = color;
 				gymChart.update();
-			});
+			}));
 
 			showLoadingPlaceholder(wrapper, false);