Show tooltip with emote's name when hovering over it

CHANGELOG.md

@@ -1,3 +1,4 @@
 Changes:
 * Render global 7tv emotes
+* Show tooltip with emote's name when hovering over it
 

hasherino/components/chat_message.py

@@ -27,7 +27,15 @@ async def on_font_size_changed(self, new_font_size: int):
  self.height = new_font_size
 
 
-class ChatEmote(ft.Image, FontSizeSubscriber):
+class ChatEmote(ft.Container, FontSizeSubscriber):
+ def __init__(self, *args, **kwargs):
+ self.emote: Emote | None = kwargs.pop("emote", None)
+ super().__init__(
+ content=ft.Image(
+ tooltip=self.emote.name if self.emote else "", *args, **kwargs
+ ),
+ )
+
  async def on_font_size_changed(self, new_font_size: int):
  self.height = new_font_size * 2
 
@@ -61,13 +69,12 @@ def add_control_elements(self, message):
  )
 
  for element in message.elements:
- if type(element) == str:
+ if type(element) is str:
  color = message.user.chat_color if message.me else ""
  result = ChatText(element, color, self.font_size)
- elif type(element) == Emote:
+ elif type(element) is Emote:
  result = ChatEmote(
- src=element.url,
- height=self.font_size * 2,
+ emote=element, src=element.url, height=self.font_size * 2
  )
  else:
  raise TypeError

hasherino/components/tabs.py

@@ -98,8 +98,8 @@ async def load_emotes(self):
 
  emotes[user.login] = {
  emote_name: Emote(
- emote_id,
  emote_name,
+ emote_id,
  f"https://cdn.7tv.app/emote/{emote_id}/2x.webp",
  )
  for emote_name, emote_id in seventv_emotes.items()