Rename chats/channels

src/app/components/ChannelMessage.svelte

@@ -27,8 +27,8 @@
   import Button from "@lib/components/Button.svelte"
   import Avatar from "@lib/components/Avatar.svelte"
   import Content from "@app/components/Content.svelte"
-  import ChatThread from '@app/components/ChatThread.svelte'
-  import ChatMessageEmojiButton from "@app/components/ChatMessageEmojiButton.svelte"
+  import ChannelThread from '@app/components/ChannelThread.svelte'
+  import ChannelMessageEmojiButton from "@app/components/ChannelMessageEmojiButton.svelte"
   import {tagRoom, REPLY, deriveEvent, displayReaction} from "@app/state"
   import {publishDelete, publishReaction} from "@app/commands"
   import {pushModal} from '@app/modal'
@@ -78,7 +78,7 @@
   const openThread = () => {
     const root = $rootEvent || event
 
-    pushModal(ChatThread, {url, room, event: root}, {drawer: true})
+    pushModal(ChannelThread, {url, room, event: root}, {drawer: true})
   }
 
   const onReactionClick = (content: string, events: TrustedEvent[]) => {
@@ -175,7 +175,7 @@
   <button
     class="join absolute -top-2 right-0 border border-solid border-neutral text-xs opacity-0 transition-all group-hover:opacity-100"
     on:click|stopPropagation>
-    <ChatMessageEmojiButton {url} {room} {event} />
+    <ChannelMessageEmojiButton {url} {room} {event} />
     <button class="btn join-item btn-xs">
       <Icon icon="menu-dots" size={4} />
     </button>

src/app/components/ChannelThread.svelte

@@ -4,8 +4,8 @@
   import type {EventContent, TrustedEvent} from '@welshman/util'
   import {repository, makeThunk, publishThunk} from '@welshman/app'
   import {deriveEvents} from '@welshman/store'
-  import ChatMessage from '@app/components/ChatMessage.svelte'
-  import ChatCompose from '@app/components/ChatCompose.svelte'
+  import ChannelMessage from '@app/components/ChannelMessage.svelte'
+  import ChannelCompose from '@app/components/ChannelCompose.svelte'
   import {tagRoom, REPLY} from '@app/state'
 
   export let url, room, event: TrustedEvent
@@ -45,12 +45,12 @@
 
 <div class="fixed flex flex-col max-h-screen w-full gap-2">
   <div class="overflow-auto pt-3">
-    <ChatMessage {url} {room} {event} showPubkey />
+    <ChannelMessage {url} {room} {event} showPubkey />
     {#each sortBy(e => e.created_at, $replies) as reply (reply.id)}
-      <ChatMessage {url} {room} event={reply} showPubkey hideParent />
+      <ChannelMessage {url} {room} event={reply} showPubkey hideParent />
     {/each}
   </div>
   <div class="bottom-0 left-0 right-0">
-    <ChatCompose {onSubmit} />
+    <ChannelCompose {onSubmit} />
   </div>
 </div>