Continue improving home screen

This commit is contained in:
2023-11-28 01:34:04 +00:00
parent cb7c15c345
commit 39e6f36e9a
7 changed files with 46 additions and 66 deletions

View File

@@ -2,6 +2,7 @@ defmodule WishWeb.HomeLive.Index do
use WishWeb, :live_view
alias Wish.Wishlist
use Phoenix.Component
@impl true
def mount(_params, session, socket) do
@@ -33,4 +34,34 @@ defmodule WishWeb.HomeLive.Index do
{:noreply, socket}
end
end
attr :item, :any
def dropdown(assigns) do
~H"""
<div
id={"dropdown-#{@item.id}"}
class="absolute z-10 w-40 bg-white origin-top right-0 whitespace-nowrap p-1 border rounded"
phx-click-away={JS.hide()}
hidden
>
<.link
href={@item.url}
class="block p-1 w-full border border-white hover:bg-slate-100 hover:border-black select-none"
target="_blank"
>
Go to URL
</.link>
<div
class="block p-1 w-full border border-white hover:bg-slate-100 hover:border-black select-none cursor-pointer"
phx-click={
JS.push("toggle_received", value: %{"id" => @item.id})
|> JS.hide(to: "#dropdown-#{@item.id}")
}
>
Mark received
</div>
</div>
"""
end
end