feat(chat): add room index page

lib/slax_web/live/chat_room_live/index.ex

@@ -0,0 +1,47 @@
+defmodule SlaxWeb.ChatRoomLive.Index do
+  use SlaxWeb, :live_view
+
+  alias Slax.Chat
+
+  @impl Phoenix.LiveView
+  def render(assigns) do
+    ~H"""
+    <main class="flex-1 p-6 max-w-4xl mx-auto">
+      <div class="mb-4">
+        <h1 class="text-xl font-semibold"><%= @page_title %></h1>
+      </div>
+      <div class="bg-slate-50 border rounded">
+        <div id="rooms" class="divide-y" phx-update="stream">
+          <div
+            :for={{id, room} <- @streams.rooms}
+            class="cursor-pointer p-4 flex justify-between items-center group first:rounded-t last:rounded-b"
+            id={id}
+            phx-click={JS.navigate(~p"/rooms/#{room}")}
+          >
+            <div>
+              <div class="font-medium mb-1">
+                #<%= room.name %>
+                <span class="mx-1 text-gray-500 font-light text-sm opacity-0 group-hover:opacity-100">
+                  View room
+                </span>
+              </div>
+              <div class="text-gray-500 text-sm">
+                <%= if room.topic do %>
+                  <%= room.topic %>
+                <% end %>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </main>
+    """
+  end
+
+  @impl Phoenix.LiveView
+  def mount(_params, _session, socket) do
+    rooms = Chat.list_rooms()
+    socket = socket |> assign(page_title: "All rooms") |> stream(:rooms, rooms)
+    {:ok, socket}
+  end
+end