wip: handle reaction click

Author: Bloeckchengrafik

src/chat/src/reaction.rs

@@ -1,4 +1,4 @@
-use std::fmt::Debug;
+use std::fmt::{Debug, Formatter};
 use gpui::{IntoElement, Rgba};
 
 pub type ReactionEvent = (String, ReactionOperation);
@@ -9,12 +9,21 @@ pub enum MessageReactionType {
   Burst,
 }
 
-#[derive(Clone, Debug, PartialEq)]
+#[derive(Clone, PartialEq)]
 pub enum ReactionEmoji {
   Simple(String),
   Custom { url: String, animated: bool, name: Option<String> },
 }
 
+impl Debug for ReactionEmoji {
+  fn fmt(&self, f: &mut Formatter<'_>) -> std::fmt::Result {
+    match self {
+      ReactionEmoji::Simple(s) => write!(f, "{}", s),
+      ReactionEmoji::Custom { name, .. } => write!(f, ":{}:", name.clone().unwrap_or("<unknown>".to_string())),
+    }
+  }
+}
+
 pub trait MessageReaction: IntoElement {
   fn get_count(&self, kind: Option<MessageReactionType>) -> u64;
   fn get_self_reaction(&self) -> Option<MessageReactionType>;

src/discord/src/message/reaction.rs

@@ -1,5 +1,5 @@
 use components::theme::ActiveTheme;
-use gpui::{div, img, px, AnyElement, IntoElement, ParentElement, RenderOnce, Rgba, Styled, WindowContext};
+use gpui::{div, img, px, AnyElement, InteractiveElement, IntoElement, ParentElement, RenderOnce, Rgba, StatefulInteractiveElement, Styled, WindowContext};
 use gpui::prelude::FluentBuilder;
 use scope_chat::reaction::MessageReactionType::Normal;
 use scope_chat::reaction::{MessageReaction, MessageReactionType, ReactionEmoji};
@@ -152,6 +152,7 @@ impl DiscordMessageReaction {
 impl RenderOnce for DiscordMessageReaction {
   fn render(self, cx: &mut WindowContext) -> impl IntoElement {
     let emoji = self.get_emoji();
+    let async_emoji = emoji.clone();
     let theme = cx.theme();
     div()
         .px_1()
@@ -162,6 +163,10 @@ impl RenderOnce for DiscordMessageReaction {
         .bg(theme.panel)
         .rounded_md()
         .flex()
+        .id("reaction")
+        .on_click(move |_, _| {
+          eprintln!("Reaction {:?} clicked", async_emoji);
+        })
         .justify_center()
         .items_center()
         .gap_1()