4 files changed, 20 insertions, 16 deletions
diff --git a/ui/lib/components/ChannelList.svelte b/ui/lib/components/ChannelList.svelte
deleted file mode 100644
index 51dd6cf..0000000
--- a/ui/lib/components/ChannelList.svelte
+++ /dev/null
@@ -1,13 +0,0 @@
-<script>
-  import Channel from './Channel.svelte';
-
-  let { channels, active } = $props();
-</script>
-
-<nav class="list-nav">
-  <ul>
-    {#each channels as channel}
-      <Channel {...channel} active={active === channel.id} />
-    {/each}
-  </ul>
-</nav>
diff --git a/ui/lib/components/Channel.svelte b/ui/lib/components/Conversation.svelte
index 9004e50..9004e50 100644
--- a/ui/lib/components/Channel.svelte
+++ b/ui/lib/components/Conversation.svelte
diff --git a/ui/lib/components/ConversationList.svelte b/ui/lib/components/ConversationList.svelte
new file mode 100644
index 0000000..71332e0
--- /dev/null
+++ b/ui/lib/components/ConversationList.svelte
@@ -0,0 +1,17 @@
+<script>
+  import Conversation from './Conversation.svelte';
+
+  let { conversations, active } = $props();
+
+  function isActive(conversation) {
+    return active === conversation.id;
+  }
+</script>
+
+<nav class="list-nav">
+  <ul>
+    {#each conversations as conversation}
+      <Conversation {...conversation} active={isActive(conversation)} />
+    {/each}
+  </ul>
+</nav>
diff --git a/ui/lib/components/CreateChannelForm.svelte b/ui/lib/components/CreateConversationForm.svelte
index 471c2b7..e390a78 100644
--- a/ui/lib/components/CreateChannelForm.svelte
+++ b/ui/lib/components/CreateConversationForm.svelte
@@ -1,5 +1,5 @@
 <script>
-  let { createChannel = async (name) => {} } = $props();
+  let { createConversation = async (name) => {} } = $props();
 
   let name = $state('');
   let disabled = $state(false);
@@ -8,7 +8,7 @@
     event.preventDefault();
     disabled = true;
     try {
-      await createChannel(name);
+      await createConversation(name);
       event.target.reset();
     } finally {
       disabled = false;
@@ -17,6 +17,6 @@
 </script>
 
 <form {onsubmit}>
-  <input type="text" placeholder="create channel" bind:value={name} {disabled} />
+  <input type="text" placeholder="start a conversation" bind:value={name} {disabled} />
   <button type="submit">&#x2795;</button>
 </form>