From c40e8ce1a733b25203df380b4196daccb3b28e79 Mon Sep 17 00:00:00 2001
From: Jon Staab <shtaab@gmail.com>
Date: Mon, 17 Feb 2025 17:33:21 -0800
Subject: [PATCH] Fix reactions on mobile

---
 src/app/components/ChannelMessageMenuMobile.svelte | 5 +++--
 src/app/components/ChatMessageMenuMobile.svelte    | 5 +++--
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/app/components/ChannelMessageMenuMobile.svelte b/src/app/components/ChannelMessageMenuMobile.svelte
index f4adfcd..d952cd7 100644
--- a/src/app/components/ChannelMessageMenuMobile.svelte
+++ b/src/app/components/ChannelMessageMenuMobile.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
   import type {NativeEmoji} from "emoji-picker-element/shared"
+  import type {TrustedEvent} from "@welshman/util"
   import {pubkey} from "@welshman/app"
   import Button from "@lib/components/Button.svelte"
   import Icon from "@lib/components/Icon.svelte"
@@ -11,10 +12,10 @@
 
   const {url, event, reply} = $props()
 
-  const onEmoji = (emoji: NativeEmoji) => {
+  const onEmoji = ((event: TrustedEvent, url: string, emoji: NativeEmoji) => {
     history.back()
     publishReaction({event, relays: [url], content: emoji.unicode})
-  }
+  }).bind(undefined, $state.snapshot(event), url)
 
   const showEmojiPicker = () => pushModal(EmojiPicker, {onClick: onEmoji}, {replaceState: true})
 
diff --git a/src/app/components/ChatMessageMenuMobile.svelte b/src/app/components/ChatMessageMenuMobile.svelte
index 33e635f..e7c0c3a 100644
--- a/src/app/components/ChatMessageMenuMobile.svelte
+++ b/src/app/components/ChatMessageMenuMobile.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
   import type {NativeEmoji} from "emoji-picker-element/shared"
+  import type {TrustedEvent} from "@welshman/util"
   import Icon from "@lib/components/Icon.svelte"
   import Button from "@lib/components/Button.svelte"
   import EmojiPicker from "@lib/components/EmojiPicker.svelte"
@@ -10,10 +11,10 @@
 
   const {event, pubkeys} = $props()
 
-  const onEmoji = (emoji: NativeEmoji) => {
+  const onEmoji = ((event: TrustedEvent, emoji: NativeEmoji) => {
     history.back()
     sendWrapped({template: makeReaction({event, content: emoji.unicode}), pubkeys})
-  }
+  }).bind(undefined, $state.snapshot(event))
 
   const showEmojiPicker = () => pushModal(EmojiPicker, {onClick: onEmoji}, {replaceState: true})