improve emojis, log when send emoji to player

src/client/graphics/layers/EventsDisplay.ts

@@ -1,6 +1,6 @@
 import {nullable} from "zod";
 import {EventBus, GameEvent} from "../../../core/EventBus";
-import {AllianceExpiredEvent, AllianceRequestEvent, AllianceRequestReplyEvent, BrokeAllianceEvent, EmojiMessageEvent, Game, Player, PlayerID, TargetPlayerEvent} from "../../../core/game/Game";
+import {AllianceExpiredEvent, AllianceRequestEvent, AllianceRequestReplyEvent, AllPlayers, BrokeAllianceEvent, EmojiMessageEvent, Game, Player, PlayerID, TargetPlayerEvent} from "../../../core/game/Game";
 import {ClientID} from "../../../core/Schemas";
 import {Layer} from "./Layer";
 import {SendAllianceReplyIntentEvent} from "../../Transport";
@@ -240,6 +240,14 @@ export class EventsDisplay implements Layer {
                 createdAt: this.game.ticks(),
             })
         }
+        if (event.message.sender == myPlayer && event.message.recipient != AllPlayers) {
+            this.addEvent({
+                description: `Sent ${event.message.recipient.name()} ${event.message.emoji}`,
+                type: MessageType.INFO,
+                highlight: true,
+                createdAt: this.game.ticks(),
+            })
+        }
     }
 
     addEvent(event: Event): void {

src/client/graphics/layers/RadialMenu.ts

@@ -81,9 +81,12 @@ export class RadialMenu implements Layer {
     }
 
     private setupEmojiButtons(recipient: Player | typeof AllPlayers) {
-        const emojiTable = document.getElementById('uniqueEmojiTable');
+        let emojiTable = document.getElementById('uniqueEmojiTable');
 
         if (emojiTable) {
+            // Remove existing listeners
+            emojiTable.replaceWith(emojiTable.cloneNode(true));
+            emojiTable = document.getElementById('uniqueEmojiTable');
             emojiTable.addEventListener('click', (event) => {
                 const emojiElement = event.target as HTMLElement;
                 if (emojiElement.classList.contains('emoji-button')) {