<.header>
Listing Images
<:actions>
<.link patch={~p"/images/new"}>
<.button>New Image
<%!-- <.table --%>
<%!-- id="images" --%>
<%!-- rows={@streams.images} --%>
<%!-- row_click={fn {_id, image} -> JS.navigate(~p"/images/#{image.file}") end} --%>
<%!-- > --%>
<%!-- <:col :let={{_id, image}} label="File"><%= image.file %> --%>
<%!-- <:action :let={{_id, image}}> --%>
<%!-- --%>
<%!-- <.link navigate={~p"/images/#{image.file}"}>Show --%>
<%!--
--%>
<%!-- <.link patch={~p"/images/#{image}/edit"}>Edit --%>
<%!-- --%>
<%!-- <:action :let={{id, image}}> --%>
<%!-- <.link --%>
<%!-- phx-click={JS.push("delete", value: %{id: image.id}) |> hide("##{id}")} --%>
<%!-- data-confirm="Are you sure?" --%>
<%!-- > --%>
<%!-- Delete --%>
<%!-- --%>
<%!-- --%>
<%!-- --%>
<.modal
:if={@live_action in [:new, :edit]}
id="image-modal"
show
on_cancel={JS.patch(~p"/images")}
>
<.live_component
module={ZoeyscomputerWeb.ImageLive.FormComponent}
id={@image.id || :new}
title={@page_title}
action={@live_action}
image={@image}
patch={~p"/images"}
/>
![]({"https://s3.zoeys.computer/imgs/uploads/#{image.file}.png"})