memEx/lib/memex_web/components/user_card.ex

defmodule MemexWeb.Components.UserCard do
  @moduledoc """
  Display card for a user
  """

  use MemexWeb, :component

  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
          border border-gray-400 rounded-lg shadow-lg hover:shadow-md
          transition-all duration-300 ease-in-out"
    >
      <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">
        <p>
          <%= if @user.confirmed_at |> is_nil() do %>
            <%= gettext("email unconfirmed") %>
          <% else %>
            <p>
              <%= gettext("user confirmed on") %>
              <%= @user.confirmed_at |> display_datetime() %>
            </p>
          <% end %>
        </p>

        <p>
          <%= gettext("user registered on") %>
          <%= @user.inserted_at |> display_datetime() %>
        </p>
      </h3>

      <%= if @inner_block do %>
        <div class="px-4 py-2 flex space-x-4 justify-center items-center">
          <%= render_slot(@inner_block) %>
        </div>
      <% end %>
    </div>
    """
  end
end