Merge pull request #301 from AttorneyOnline/rendering-fix

Fix IC rendering race conditions with asset preloading

1 files changed, 21 insertions, 0 deletions

diff --git a/webAO/client/setEmoteFromUrl.ts b/webAO/client/setEmoteFromUrl.ts
new file mode 100644
index 0000000..8075bbd
--- /dev/null
+++ b/webAO/client/setEmoteFromUrl.ts
@@ -0,0 +1,21 @@
+import transparentPng from "../constants/transparentPng";
+
+/**
+ * Sets a pre-resolved emote URL on the correct DOM <img> element.
+ * This is synchronous because the image should already be in the browser cache
+ * from preloading.
+ */
+const setEmoteFromUrl = (url: string, pair: boolean, side: string): void => {
+  const pairID = pair ? "pair" : "char";
+  const acceptedPositions = ["def", "pro", "wit"];
+  const position = acceptedPositions.includes(side) ? `${side}_` : "";
+  const emoteSelector = document.getElementById(
+    `client_${position}${pairID}_img`,
+  ) as HTMLImageElement;
+
+  if (emoteSelector) {
+    emoteSelector.src = url || transparentPng;
+  }
+};
+
+export default setEmoteFromUrl;