Handle escape in chat

src/app/components/RoomCompose.svelte

@@ -18,11 +18,12 @@
     url?: string
     h?: string
     content?: string
+    onEscape?: () => void
     onEditPrevious?: () => void
     onSubmit: (event: EventContent) => void
   }
 
-  const {url, h, content, onEditPrevious, onSubmit}: Props = $props()
+  const {url, h, content, onEscape, onEditPrevious, onSubmit}: Props = $props()
 
   const autofocus = !isMobile
 
@@ -34,6 +35,10 @@
     editor.then(ed => ed.getText({blockSeparator: "\n"}) === "")
 
   const handleKeyDown = async (event: KeyboardEvent) => {
+    if (event.key === "Escape") {
+      onEscape?.()
+    }
+
     if (event.key === "ArrowUp" && (await canEnterEditPrevious())) {
       onEditPrevious?.()
     }

src/routes/spaces/[relay]/[h]/+page.svelte

@@ -280,6 +280,12 @@
     cleanup = feed.cleanup
   }
 
+  const onEscape = () => {
+    clearParent()
+    clearShare()
+    eventToEdit = undefined
+  }
+
   const canEditEvent = (event: TrustedEvent) =>
     event.pubkey === $pubkey && event.created_at >= ago(5, MINUTE)
 
@@ -492,6 +498,7 @@
         {url}
         {h}
         {onSubmit}
+        {onEscape}
         {onEditPrevious}
         content={eventToEdit?.content}
         bind:this={compose} />

src/routes/spaces/[relay]/chat/+page.svelte

@@ -188,6 +188,12 @@
     return elements
   })
 
+  const onEscape = () => {
+    clearParent()
+    clearShare()
+    eventToEdit = undefined
+  }
+
   const canEditEvent = (event: TrustedEvent) =>
     event.pubkey === $pubkey && event.created_at >= ago(5, MINUTE)
 
@@ -315,6 +321,7 @@
     <RoomCompose
       {url}
       {onSubmit}
+      {onEscape}
       {onEditPrevious}
       content={eventToEdit?.content}
       bind:this={compose} />