Add reply to long press menu

CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog
 
+# 0.2.6
+
+* Add reply to long-press menu
+
 # 0.2.5
 
 * Improve room and data loading

src/app/components/ChannelComposeParent.svelte

@@ -15,7 +15,7 @@
   transition:slide>
   <p class="text-primary">Replying to @{displayProfileByPubkey(event.pubkey)}</p>
   {#key event.id}
-    <Content {event} minLength={100} maxLength={300} expandMode="disabled" />
+    <Content {event} hideMedia minLength={100} maxLength={300} expandMode="disabled" />
   {/key}
   <Button class="absolute right-2 top-2 cursor-pointer" on:click={clear}>
     <Icon icon="close-circle" />

src/app/components/ChannelMessage.svelte

@@ -40,7 +40,7 @@
 
   const reply = () => replyTo(event)
 
-  const onLongPress = () => pushModal(ChannelMessageMenuMobile, {url, event})
+  const onLongPress = () => pushModal(ChannelMessageMenuMobile, {url, event, reply})
 
   const openProfile = () => pushModal(ProfileDetail, {pubkey: event.pubkey})
 

src/app/components/ChannelMessageMenuMobile.svelte

@@ -11,6 +11,7 @@
 
   export let url
   export let event
+  export let reply
 
   const onEmoji = (emoji: NativeEmoji) => {
     history.back()
@@ -19,6 +20,11 @@
 
   const showEmojiPicker = () => pushModal(EmojiPicker, {onClick: onEmoji}, {replaceState: true})
 
+  const sendReply = () => {
+    history.back()
+    reply()
+  }
+
   const showInfo = () => pushModal(EventInfo, {event}, {replaceState: true})
 
   const showDelete = () => pushModal(ConfirmDelete, {url, event})
@@ -29,6 +35,10 @@
     <Icon size={4} icon="smile-circle" />
     Send Reaction
   </Button>
+  <Button class="btn btn-neutral w-full" on:click={sendReply}>
+    <Icon size={4} icon="reply" />
+    Send Reply
+  </Button>
   <Button class="btn btn-neutral" on:click={showInfo}>
     <Icon size={4} icon="code-2" />
     Message Details