<.header> All available servers to you <:actions> <.link patch={~p"/servers/new"}> <.button>Connect a Server <.table id="servers" rows={@streams.servers} row_click={fn {_id, server} -> JS.navigate(~p"/servers/#{server}") end} row_indicator={ fn {_id, %Servers.Server{connection_status: :awaiting}} -> ~H(Awaiting connection) {_id, %Servers.Server{connection_status: :connecting}} -> ~H(Connecting) {_id, %Servers.Server{connection_status: :connected}} -> ~H(Connected) end } indicator_label="Status" > <:col :let={{_id, server}} label="Name"><%= server.name %> <:action :let={{id, server}}> <.link phx-click={JS.push("delete", value: %{id: server.id}) |> hide("##{id}")} data-confirm="Are you sure?" > Delete <.modal :if={@live_action == :new} id="server-modal" show on_cancel={JS.patch(~p"/servers")}> <.live_component module={PrymnWeb.ServerLive.NewServer} id={:new} patch={~p"/servers"} />