diff --git a/lib/mv_web/live/member_live/index.html.heex b/lib/mv_web/live/member_live/index.html.heex index 0ef541e..84167c4 100644 --- a/lib/mv_web/live/member_live/index.html.heex +++ b/lib/mv_web/live/member_live/index.html.heex @@ -54,33 +54,36 @@ boolean_filters={@boolean_custom_field_filters} member_count={length(@members)} /> - <.button - type="button" - variant="secondary" - class={["gap-2", @show_current_cycle && "btn-active"]} - phx-click="toggle_cycle_view" - data-testid="toggle-cycle-view" - aria-label={ - if(@show_current_cycle, - do: gettext("Current Cycle Payment Status"), - else: gettext("Last Cycle Payment Status") - ) - } - title={ - if(@show_current_cycle, - do: gettext("Current Cycle Payment Status"), - else: gettext("Last Cycle Payment Status") + <.tooltip + content={ + gettext( + "Sets whether the payment status filter and the membership fee status column use the last completed or the current payment cycle." ) } + position="top" > - <.icon name="hero-arrow-path" class="h-5 w-5" /> - - + <.button + type="button" + variant="secondary" + class={["gap-2", @show_current_cycle && "btn-active"]} + phx-click="toggle_cycle_view" + data-testid="toggle-cycle-view" + aria-label={ + if(@show_current_cycle, + do: gettext("Current payment cycle"), + else: gettext("Last payment cycle") + ) + } + > + <.icon name="hero-arrow-path" class="h-5 w-5" /> + + + <.live_component module={MvWeb.Components.FieldVisibilityDropdownComponent} id="field-visibility-dropdown"