From 6e7df385b15dfcf99d1e04e089ecb8f350aa4269 Mon Sep 17 00:00:00 2001
From: nutty <nuttylmao@gmail.com>
Date: Tue, 8 Sep 2026 06:48:29 +1000
Subject: [PATCH] Added native Twitch GIPHY support

---
 .common/utils/helpers.js    | 2 ++
 multichat-overlay/style.css | 5 +++++
 2 files changed, 7 insertions(+)

diff --git a/.common/utils/helpers.js b/.common/utils/helpers.js
index 2014a42..c5bf6b4 100644
--- a/.common/utils/helpers.js
+++ b/.common/utils/helpers.js
@@ -353,6 +353,8 @@ function ConstructMessageFromParts(parts) {
                 return emoteImg + bitLabel;
             case "mention":
                 return part.text;
+            case "gif":
+                return `<img src="${EscapeHTML(part.url)}" class="gif">`;
             default:
                 return `<img src="${EscapeHTML(part.imageUrl)}" alt="${EscapeHTML(part.text)}" title="${EscapeHTML(part.text)}" class="emote">`;
         }
diff --git a/multichat-overlay/style.css b/multichat-overlay/style.css
index b391103..7b3ed0c 100644
--- a/multichat-overlay/style.css
+++ b/multichat-overlay/style.css
@@ -169,6 +169,11 @@ li {
 	transform: translate(0px, 0.4em);
 }
 
+.gif {
+	width: auto;
+	padding: 20px 0px;
+}
+
 .productImage {
 	height: 3em;
 	border-radius: 0.25em;