2021-05-04 02:03:19 +08:00
|
|
|
defmodule LivebookWeb.UserHelpers do
|
2021-07-07 20:32:49 +08:00
|
|
|
use Phoenix.Component
|
2021-05-04 02:03:19 +08:00
|
|
|
|
|
|
|
@doc """
|
2021-07-07 20:32:49 +08:00
|
|
|
Renders user avatar.
|
2021-05-04 02:03:19 +08:00
|
|
|
|
2021-07-07 20:32:49 +08:00
|
|
|
## Examples
|
2021-05-04 02:03:19 +08:00
|
|
|
|
2021-07-07 20:32:49 +08:00
|
|
|
<.user_avatar user={@user} class="h-20 w-20" text_class="text-3xl" />
|
2021-05-04 02:03:19 +08:00
|
|
|
"""
|
2021-07-07 20:32:49 +08:00
|
|
|
def user_avatar(assigns) do
|
|
|
|
assigns =
|
|
|
|
assigns
|
|
|
|
|> assign_new(:class, fn -> "w-full h-full" end)
|
|
|
|
|> assign_new(:text_class, fn -> "" end)
|
|
|
|
|
|
|
|
~H"""
|
2021-11-02 01:20:56 +08:00
|
|
|
<div class={"#{@class} rounded-full flex items-center justify-center"}
|
|
|
|
style={"background-color: #{@user.hex_color}"}
|
|
|
|
aria-hidden="true">
|
2021-07-07 20:32:49 +08:00
|
|
|
<div class={"#{@text_class} text-gray-100 font-semibold"}>
|
|
|
|
<%= avatar_text(@user.name) %>
|
2021-05-04 02:03:19 +08:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
"""
|
|
|
|
end
|
|
|
|
|
|
|
|
defp avatar_text(nil), do: "?"
|
|
|
|
|
|
|
|
defp avatar_text(name) do
|
|
|
|
name
|
|
|
|
|> String.split()
|
|
|
|
|> Enum.map(&String.at(&1, 0))
|
|
|
|
|> Enum.map(&String.upcase/1)
|
|
|
|
|> case do
|
|
|
|
[initial] -> initial
|
|
|
|
initials -> List.first(initials) <> List.last(initials)
|
|
|
|
end
|
|
|
|
end
|
|
|
|
end
|