Make changes to how forceUpdate() is called to hopefully reduce errors with React being stupid and not understanding how the DOM works. Also don't display an empty message for a resub with no attached message.

src/sites/twitch-twilight/modules/chat/index.js

@@ -177,8 +177,8 @@ export default class ChatHook extends Module {
 		this.settings.add('chat.bits.show-pinned', {
 			default: true,
 			ui: {
-				path: 'Chat > Bits and Cheering >> Pinned Cheers',
-				title: 'Display Pinned Cheer',
+				path: 'Chat > Bits and Cheering >> Appearance',
+				title: 'Display Top Cheerers',
 
 				component: 'setting-check-box'
 			}
@@ -514,9 +514,7 @@ export default class ChatHook extends Module {
 
 
 	updateChatLines() {
-		for(const inst of this.PinnedCheer.instances)
-			inst.forceUpdate();
-
+		this.PinnedCheer.forceUpdate();
 		this.chat_line.updateLines();
 	}
 

src/sites/twitch-twilight/modules/chat/line.js

@@ -100,7 +100,7 @@ export default class ChatLine extends Module {
 				const tokens = msg.ffz_tokens = msg.ffz_tokens || t.chat.tokenizeMessage(msg, {login: this.props.currentUserLogin, display: this.props.currentUserDisplayName});
 
 				let cls = 'chat-line__message',
-					out = tokens.length ? [
+					out = (tokens.length || ! msg.ffz_type) ? [
 						this.props.showTimestamps && e('span', {
 							className: 'chat-line__timestamp'
 						}, t.chat.formatTime(msg.timestamp)),
@@ -212,8 +212,9 @@ export default class ChatLine extends Module {
 				}, out);
 			}
 
-			for(const inst of instances)
-				inst.forceUpdate();
+			// Do this after a short delay to hopefully reduce the chance of React
+			// freaking out on us.
+			setTimeout(() => this.ChatLine.forceUpdate());
 		})
 	}
 
@@ -223,9 +224,9 @@ export default class ChatLine extends Module {
 			const msg = inst.props.message;
 			if ( msg )
 				msg.ffz_tokens = null;
-
-			inst.forceUpdate();
 		}
+
+		this.ChatLine.forceUpdate();
 	}
 }
 

src/sites/twitch-twilight/modules/css_tweaks/index.js

@@ -20,7 +20,7 @@ const CLASSES = {
 	'player-ext': '.player-extensions',
 	'player-ext-hover': '.player[data-controls="false"] .player-extensions',
 
-	'pinned-cheer': '.pinned-cheer',
+	'pinned-cheer': '.pinned-cheer,.pinned-cheer-v2',
 	'whispers': '.whispers',
 
 	'dir-live-ind': '.live-channel-card:not([data-a-target*="host"]) .stream-type-indicator.stream-type-indicator--live',