feat: add support for super stickers in chat and overlay components, including image display, accessibility labels, and backend parsing enhancements

2026-09-11 10:56:17 +00:00 · 2025-10-12 21:37:53 +03:00
parent da1499733f
commit 1678117d16
10 changed files with 138 additions and 15 deletions
@@ -117,6 +117,19 @@ export default function OverlayPage() {
              ) : displayMessage.text && displayMessage.text !== 'N/A' && (
                <p className="overlay__superchat-text">{displayMessage.text}</p>
              )}
+              {displayMessage.superChat.stickerUrl && (
+                <div className="overlay__sticker">
+                  <img 
+                    src={proxyImageUrl(displayMessage.superChat.stickerUrl)} 
+                    alt={displayMessage.superChat.stickerAlt || 'Super Sticker'} 
+                    className="overlay__stickerImage"
+                    onError={(e) => {
+                      // Hide image on error
+                      e.currentTarget.style.display = 'none';
+                    }}
+                  />
+                </div>
+              )}
            </>
          ) : (displayMessage.membershipGift || displayMessage.membershipGiftPurchase) ? (
            <>