<.header> Listing Items <:actions> <.link patch={~p"/items/new"}> <.button>New Item <.table id="items" rows={@streams.items} row_click={fn {_id, item} -> JS.patch(~p"/items/#{item}/show/edit") end} > <:col :let={{_id, item}} label="Title"><%= item.title %> <:col :let={{_id, item}} label="Description"><%= item.description %> <:col :let={{_id, item}} label="Price"><%= item.price %> <:col :let={{_id, item}} label="Desire"><%= item.desire %> <:action :let={{_id, item}}> <:action :let={{id, item}}> <.link id={"delete-#{id}"} phx-click={JS.push("delete", value: %{id: item.id}) |> hide("##{id}")} data-confirm="Are you sure?" > <.icon name="hero-trash" /> <.modal :if={@live_action in [:new, :edit]} id="item-modal" show on_cancel={JS.patch(~p"/items")}> <.live_component module={WishWeb.ItemLive.FormComponent} id={@item.id || :new} title={@page_title} action={@live_action} item={@item} patch={~p"/items"} />