Rename vertical_bar_chart -> horizontal_bar_chart

This commit is contained in:
Claudio Ortolina
2026-05-31 21:13:53 +03:00
parent 88d75afa3e
commit 611ca7e386
2 changed files with 6 additions and 6 deletions
@@ -14,7 +14,7 @@ defmodule MusicLibraryWeb.ChartComponents do
## Examples
<.vertical_bar_chart
<.horizontal_bar_chart
data={[{"Artist 1", 5}, {"Artist 2", 3}]}
label_fn={&elem(&1, 0)}
value_fn={&elem(&1, 1)}
@@ -28,7 +28,7 @@ defmodule MusicLibraryWeb.ChartComponents do
attr :class, :string, default: ""
attr :datum_click, :any, default: nil, doc: "the function for handling phx-click on each datum"
def vertical_bar_chart(assigns) when assigns.data != [] do
def horizontal_bar_chart(assigns) when assigns.data != [] do
assigns =
assigns
|> assign(:max_value, max_value(assigns.data, assigns.value_fn))
@@ -67,7 +67,7 @@ defmodule MusicLibraryWeb.ChartComponents do
"""
end
def vertical_bar_chart(assigns) do
def horizontal_bar_chart(assigns) do
~H"""
<div class={["w-full", @class]}>
{gettext("No data available")}
@@ -307,7 +307,7 @@ defmodule MusicLibraryWeb.StatsLive.Index do
<.section>
<:title>{gettext("Top 20 Release Years")}</:title>
<div class="mt-5 rounded-md bg-white shadow-sm dark:bg-zinc-800">
<.vertical_bar_chart
<.horizontal_bar_chart
data={@records_by_release_year}
color_class="bg-zinc-800 dark:bg-zinc-300"
label_fn={fn {year, _count} -> year end}
@@ -331,7 +331,7 @@ defmodule MusicLibraryWeb.StatsLive.Index do
<.section>
<:title>{gettext("Top %{n} Collection Genres", %{n: length(@records_by_genre)})}</:title>
<div class="mt-5 rounded-md bg-white shadow-sm dark:bg-zinc-800">
<.vertical_bar_chart
<.horizontal_bar_chart
data={@records_by_genre}
color_class="bg-zinc-500"
label_fn={fn {genre, _count} -> genre end}
@@ -355,7 +355,7 @@ defmodule MusicLibraryWeb.StatsLive.Index do
<.section>
<:title>{gettext("Top %{n} Collection Artists", %{n: length(@records_by_artist)})}</:title>
<div class="mt-5 rounded-md bg-white shadow-sm dark:bg-zinc-800">
<.vertical_bar_chart
<.horizontal_bar_chart
data={@records_by_artist}
color_class="bg-red-500"
label_fn={fn datum -> datum.name end}