Emoji picker improvements

src/ui/components/mod.rs

@@ -0,0 +1,41 @@
+use eframe::egui;
+use egui::{Label, Sense, Ui};
+
+pub fn emoji_picker(ui: &mut Ui) -> Option<char> {
+    let mut emojis = "😀😁😆😅😂🤣\
+                      😕🥺😯😭😍🥰\
+                      😊🫡🤔💀🫂👀\
+                      ❤💜✨🔥⭐⚡\
+                      👍🤙🤌🙏🤝🫰\
+                      💯🎯✅👑🍆🚩"
+        .chars();
+
+    let mut output: Option<char> = None;
+
+    let mut quit: bool = false;
+
+    loop {
+        ui.vertical(|ui| {
+            ui.horizontal(|ui| {
+                for _ in 0..6 {
+                    if let Some(emoji) = emojis.next() {
+                        if ui
+                            .add(Label::new(emoji.to_string()).sense(Sense::click()))
+                            .clicked()
+                        {
+                            output = Some(emoji);
+                        }
+                    } else {
+                        quit = true;
+                    }
+                }
+            });
+        });
+
+        if quit {
+            break;
+        }
+    }
+
+    output
+}

src/ui/feed/post.rs

@@ -230,13 +230,10 @@ fn real_posting_area(app: &mut GossipUi, ctx: &Context, frame: &mut eframe::Fram
 
             // Emoji picker
             ui.menu_button(RichText::new("😀▼").size(14.0), |ui| {
-                for emoji in "😀😁😆😅🤣😕😯👀❤💜👍🤙💯🎯🤌🙏🤝🫂⚡🍆".chars()
-                {
-                    if ui.button(emoji.to_string()).clicked() {
-                        app.draft.push(emoji);
-                    }
+                if let Some(emoji) = crate::ui::components::emoji_picker(ui) {
+                    app.draft.push(emoji);
                 }
-            });
+            })
         });
     });
 

src/ui/mod.rs

@@ -1,3 +1,4 @@
+mod components;
 mod feed;
 mod help;
 mod people;