cannery/lib/cannery_web/components/user_card.ex

53 lines
1.4 KiB
Elixir
Raw Normal View History

defmodule CanneryWeb.Components.UserCard do
@moduledoc """
Display card for a user
"""
use CanneryWeb, :component
2022-11-09 21:13:24 -05:00
alias Cannery.Accounts.User
attr :user, User, required: true
slot(:inner_block, required: true)
def user_card(assigns) do
~H"""
<div
id={"user-#{@user.id}"}
class="mx-4 my-2 px-8 py-4 flex flex-col justify-center items-center text-center
2023-02-04 10:28:13 -05:00
border border-gray-400 rounded-lg shadow-lg hover:shadow-md
transition-all duration-300 ease-in-out"
>
2022-02-15 23:52:44 -05:00
<h1 class="px-4 py-2 rounded-lg title text-xl break-all">
<%= @user.email %>
</h1>
<h3 class="px-4 py-2 rounded-lg title text-lg">
2022-05-05 21:43:13 -04:00
<p>
2023-01-26 00:39:16 -05:00
<%= if @user.confirmed_at do %>
<%= gettext(
"User was confirmed at%{confirmed_datetime}",
confirmed_datetime: ""
) %>
<.datetime datetime={@user.confirmed_at} />
2022-05-05 21:43:13 -04:00
<% else %>
2023-01-26 00:39:16 -05:00
<%= gettext("Email unconfirmed") %>
2022-05-05 21:43:13 -04:00
<% end %>
</p>
<p>
2023-01-26 00:39:16 -05:00
<%= gettext(
"User registered on%{registered_datetime}",
registered_datetime: ""
) %>
<.datetime datetime={@user.inserted_at} />
2022-05-05 21:43:13 -04:00
</p>
</h3>
2023-02-04 10:28:13 -05:00
<div :if={@inner_block} class="px-4 py-2 flex space-x-4 justify-center items-center">
<%= render_slot(@inner_block) %>
</div>
</div>
"""
end
end