Improve moderation tabs on mobile

This commit is contained in:
SimpleTest 2026-08-03 10:13:15 +03:00
parent 87d6b94bf7
commit 0975b5dec8
2 changed files with 14 additions and 1 deletions

View File

@ -490,6 +490,7 @@ defmodule WhoNeedHelpWeb.ModerationLive do
active={@active_queue == :proposals} active={@active_queue == :proposals}
patch={~p"/moderation?queue=proposals"} patch={~p"/moderation?queue=proposals"}
icon="hero-tag" icon="hero-tag"
compact_label={gettext("Categories")}
> >
{gettext("Category proposals")} {gettext("Category proposals")}
</.queue_link> </.queue_link>
@ -578,6 +579,7 @@ defmodule WhoNeedHelpWeb.ModerationLive do
attr :active, :boolean, required: true attr :active, :boolean, required: true
attr :patch, :string, required: true attr :patch, :string, required: true
attr :icon, :string, required: true attr :icon, :string, required: true
attr :compact_label, :string, default: nil
slot :inner_block, required: true slot :inner_block, required: true
defp queue_link(assigns) do defp queue_link(assigns) do
@ -591,7 +593,11 @@ defmodule WhoNeedHelpWeb.ModerationLive do
]} ]}
> >
<.icon name={@icon} class="hidden size-4 shrink-0 sm:block" /> <.icon name={@icon} class="hidden size-4 shrink-0 sm:block" />
<span class="truncate">{render_slot(@inner_block)}</span> <span :if={@compact_label} class="sm:hidden">{@compact_label}</span>
<span :if={@compact_label} class="hidden truncate sm:inline">
{render_slot(@inner_block)}
</span>
<span :if={!@compact_label} class="truncate">{render_slot(@inner_block)}</span>
</.link> </.link>
""" """
end end

View File

@ -1567,6 +1567,13 @@ defmodule WhoNeedHelpWeb.MutualAidLiveTest do
assert html =~ "Reports" assert html =~ "Reports"
assert html =~ "Abuse signals" assert html =~ "Abuse signals"
assert html =~ "Category proposals" assert html =~ "Category proposals"
assert has_element?(
view,
"nav[aria-label='Trust and safety queues'] .sm\\:hidden",
"Categories"
)
refute html =~ "Users & roles" refute html =~ "Users & roles"
assert html =~ "Please review the matched conversation." assert html =~ "Please review the matched conversation."
refute has_element?(view, "#moderation-user-status-#{user.id}") refute has_element?(view, "#moderation-user-status-#{user.id}")