Rename "channel" to "conversation" throughout the client.

Existing client state, stored in local storage, is migrated to new keys (that mention "conversation" instead of "channel" where appropriate) the first time the client loads.

1 files changed, 17 insertions, 0 deletions

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>