From 2bc0cdffcfda20d7284a41b7b1e5f10a48d0d491 Mon Sep 17 00:00:00 2001
From: Zonian <57513632+ZonianMidian@users.noreply.github.com>
Date: Fri, 4 Nov 2022 12:27:11 -0500
Subject: [PATCH] Better visibility of emotes name

This change allows the name of the emote to be visible when hovering over it
---
 web/src/components/Message.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/web/src/components/Message.tsx b/web/src/components/Message.tsx
index 5dc8197..d5cf700 100644
--- a/web/src/components/Message.tsx
+++ b/web/src/components/Message.tsx
@@ -56,6 +56,7 @@ export function Message({ message, thirdPartyEmotes }: { message: LogMessage, th
 						className="emote"
 						key={x}
 						alt={emote.code}
+						title={emote.code}
 						src={`https://static-cdn.jtvnw.net/emoticons/v2/${emote.id}/default/dark/1.0`}
 					/>);
 					x += emote.endIndex - emote.startIndex - 1;
@@ -77,6 +78,7 @@ export function Message({ message, thirdPartyEmotes }: { message: LogMessage, th
 						className="emote"
 						key={x}
 						alt={emote.code}
+						title={emote.code}
 						src={emote.urls.small}
 					/>);
 					emoteFound = true;
@@ -106,4 +108,4 @@ export function Message({ message, thirdPartyEmotes }: { message: LogMessage, th
 	return <MessageContainer className="message">
 		{renderMessagePrefix}{renderMessage}
 	</MessageContainer>;
-};
\ No newline at end of file
+};