feat: improve color contrast

lib/mv_web/live/member_live/form.ex

@@ -294,9 +294,16 @@ defmodule MvWeb.MemberLive.Form do
 
             <%!-- Delete Member Confirmation Modal (WCAG: focus in modal, keyboard confirm/cancel) --%>
             <%= if @member && assigns[:show_delete_modal] do %>
-              <dialog id="delete-member-form-modal" class="modal modal-open" role="dialog" aria-labelledby="delete-member-form-modal-title">
+              <dialog
+                id="delete-member-form-modal"
+                class="modal modal-open"
+                role="dialog"
+                aria-labelledby="delete-member-form-modal-title"
+              >
                 <div class="modal-box">
-                  <h3 id="delete-member-form-modal-title" class="text-lg font-bold">{gettext("Delete Member")}</h3>
+                  <h3 id="delete-member-form-modal-title" class="text-lg font-bold">
+                    {gettext("Delete Member")}
+                  </h3>
                   <p class="py-4">
                     {gettext("Are you sure you want to delete %{name}? This action cannot be undone.",
                       name: MvWeb.Helpers.MemberHelpers.display_name(@member)
@@ -496,6 +503,7 @@ defmodule MvWeb.MemberLive.Form do
 
       {:error, error} ->
         Logger.warning("Member delete failed: member_id=#{member.id} error=#{inspect(error)}")
+
         {:noreply,
          socket
          |> put_flash(:error, format_destroy_error(error))

lib/mv_web/live/member_live/show.ex

@@ -333,9 +333,16 @@ defmodule MvWeb.MemberLive.Show do
 
         <%!-- Delete Member Confirmation Modal (WCAG: focus in modal, keyboard confirm/cancel) --%>
         <%= if assigns[:show_delete_modal] do %>
-          <dialog id="delete-member-modal" class="modal modal-open" role="dialog" aria-labelledby="delete-member-modal-title">
+          <dialog
+            id="delete-member-modal"
+            class="modal modal-open"
+            role="dialog"
+            aria-labelledby="delete-member-modal-title"
+          >
             <div class="modal-box">
-              <h3 id="delete-member-modal-title" class="text-lg font-bold">{gettext("Delete Member")}</h3>
+              <h3 id="delete-member-modal-title" class="text-lg font-bold">
+                {gettext("Delete Member")}
+              </h3>
               <p class="py-4">
                 {gettext("Are you sure you want to delete %{name}? This action cannot be undone.",
                   name: MvWeb.Helpers.MemberHelpers.display_name(@member)
@@ -467,6 +474,7 @@ defmodule MvWeb.MemberLive.Show do
         {:error, error} ->
           require Logger
           Logger.warning("Member delete failed: member_id=#{member.id} error=#{inspect(error)}")
+
           {:noreply,
            socket
            |> put_flash(:error, format_error(error))

lib/mv_web/live/user_live/form.ex

@@ -324,39 +324,47 @@ defmodule MvWeb.UserLive.Form do
           </section>
         <% end %>
 
-            <%!-- Delete User Confirmation Modal (WCAG: focus in modal, keyboard confirm/cancel) --%>
-            <%= if @user && assigns[:show_delete_modal] do %>
-              <dialog id="delete-user-form-modal" class="modal modal-open" role="dialog" aria-labelledby="delete-user-form-modal-title">
-                <div class="modal-box">
-                  <h3 id="delete-user-form-modal-title" class="text-lg font-bold">{gettext("Delete User")}</h3>
-                  <p class="py-4">
-                    {gettext("Are you sure you want to delete the user %{email}? This action cannot be undone.",
-                      email: @user.email
-                    )}
-                  </p>
-                  <div class="modal-action">
-                    <.button
-                      type="button"
-                      variant="neutral"
-                      phx-click="cancel_delete_modal"
-                      phx-mounted={JS.focus()}
-                      id="delete-user-form-modal-cancel"
-                      aria-label={gettext("Cancel")}
-                    >
-                      {gettext("Cancel")}
-                    </.button>
-                    <.button
-                      type="button"
-                      variant="danger"
-                      phx-click={JS.push("delete", value: %{id: @user.id})}
-                      aria-label={gettext("Delete user")}
-                    >
-                      {gettext("Delete")}
-                    </.button>
-                  </div>
-                </div>
-              </dialog>
-            <% end %>
+        <%!-- Delete User Confirmation Modal (WCAG: focus in modal, keyboard confirm/cancel) --%>
+        <%= if @user && assigns[:show_delete_modal] do %>
+          <dialog
+            id="delete-user-form-modal"
+            class="modal modal-open"
+            role="dialog"
+            aria-labelledby="delete-user-form-modal-title"
+          >
+            <div class="modal-box">
+              <h3 id="delete-user-form-modal-title" class="text-lg font-bold">
+                {gettext("Delete User")}
+              </h3>
+              <p class="py-4">
+                {gettext(
+                  "Are you sure you want to delete the user %{email}? This action cannot be undone.",
+                  email: @user.email
+                )}
+              </p>
+              <div class="modal-action">
+                <.button
+                  type="button"
+                  variant="neutral"
+                  phx-click="cancel_delete_modal"
+                  phx-mounted={JS.focus()}
+                  id="delete-user-form-modal-cancel"
+                  aria-label={gettext("Cancel")}
+                >
+                  {gettext("Cancel")}
+                </.button>
+                <.button
+                  type="button"
+                  variant="danger"
+                  phx-click={JS.push("delete", value: %{id: @user.id})}
+                  aria-label={gettext("Delete user")}
+                >
+                  {gettext("Delete")}
+                </.button>
+              </div>
+            </div>
+          </dialog>
+        <% end %>
 
         <div class="mt-4">
           <.button navigate={return_path(@return_to, @user)} variant="neutral">
@@ -482,7 +490,6 @@ defmodule MvWeb.UserLive.Form do
     end
   end
 
-  @impl true
   @impl true
   def handle_event("open_delete_modal", _params, socket) do
     {:noreply, assign(socket, :show_delete_modal, true)}

lib/mv_web/live/user_live/index.html.heex

@@ -1,6 +1,6 @@
 <Layouts.app flash={@flash} current_user={@current_user}>
   <.header>
-    {gettext("Listing Users")}
+    {gettext("Users")}
     <:actions>
       <%= if can?(@current_user, :create, Mv.Accounts.User) do %>
         <.button variant="primary" navigate={~p"/users/new"} data-testid="user-new">

lib/mv_web/live/user_live/show.ex

@@ -45,8 +45,6 @@ defmodule MvWeb.UserLive.Show do
           </.button>
         </:leading>
         {gettext("User")} {@user.email}
-        <:subtitle>{gettext("This is a user record from your database.")}</:subtitle>
-
         <:actions>
           <%= if can?(@current_user, :update, @user) do %>
             <.button
@@ -115,11 +113,17 @@ defmodule MvWeb.UserLive.Show do
 
       <%!-- Delete User Confirmation Modal (WCAG: focus in modal, keyboard confirm/cancel) --%>
       <%= if assigns[:show_delete_modal] do %>
-        <dialog id="delete-user-modal" class="modal modal-open" role="dialog" aria-labelledby="delete-user-modal-title">
+        <dialog
+          id="delete-user-modal"
+          class="modal modal-open"
+          role="dialog"
+          aria-labelledby="delete-user-modal-title"
+        >
           <div class="modal-box">
             <h3 id="delete-user-modal-title" class="text-lg font-bold">{gettext("Delete User")}</h3>
             <p class="py-4">
-              {gettext("Are you sure you want to delete the user %{email}? This action cannot be undone.",
+              {gettext(
+                "Are you sure you want to delete the user %{email}? This action cannot be undone.",
                 email: @user.email
               )}
             </p>