add button to resend email verification email

lib/cannery_web/live/invite_live/index.ex

@@ -116,6 +116,20 @@ defmodule CanneryWeb.InviteLive.Index do
     {:noreply, socket |> put_flash(:info, dgettext("prompts", "Copied to clipboard"))}
   end
 
+  def handle_event("resend_email_verification", %{"id" => id}, socket) do
+    %{email: user_email} = user = Accounts.get_user!(id)
+
+    Accounts.deliver_user_confirmation_instructions(
+      user,
+      fn token -> url(CanneryWeb.Endpoint, ~p"/users/confirm/#{token}") end
+    )
+
+    prompt =
+      dgettext("prompts", "Email resent to %{user_email} succesfully", user_email: user_email)
+
+    {:noreply, socket |> put_flash(:info, prompt) |> display_invites()}
+  end
+
   def handle_event(
         "delete_user",
         %{"id" => id},

lib/cannery_web/live/invite_live/index.html.heex

@@ -1,10 +1,10 @@
-<div class="mx-auto flex flex-col justify-center items-center space-y-4 max-w-3xl">
-  <h1 class="title text-2xl title-primary-500">
+<div class="flex flex-col justify-center items-center mx-auto space-y-4 max-w-3xl">
+  <h1 class="text-2xl title title-primary-500">
     <%= gettext("Invites") %>
   </h1>
 
   <%= if @invites |> Enum.empty?() do %>
-    <h1 class="title text-xl text-primary-600">
+    <h1 class="text-xl title text-primary-600">
       <%= gettext("No invites") %>
       <%= display_emoji("😔") %>
     </h1>
@@ -95,7 +95,7 @@
   <%= unless @admins |> Enum.empty?() do %>
     <hr class="hr" />
 
-    <h1 class="title text-2xl text-primary-600">
+    <h1 class="text-2xl title text-primary-600">
       <%= gettext("Admins") %>
     </h1>
 
@@ -123,27 +123,38 @@
   <%= unless @users |> Enum.empty?() do %>
     <hr class="hr" />
 
-    <h1 class="title text-2xl text-primary-600">
+    <h1 class="text-2xl title text-primary-600">
       <%= gettext("Users") %>
     </h1>
 
     <div class="flex flex-col justify-center items-stretch space-y-4">
       <.user_card :for={user <- @users} user={user}>
-        <.link
-          href="#"
-          class="text-primary-600 link"
-          phx-click="delete_user"
-          phx-value-id={user.id}
-          data-confirm={
-            dgettext(
-              "prompts",
-              "Are you sure you want to delete %{email}? This action is permanent!",
-              email: user.email
-            )
-          }
-        >
-          <i class="fa-fw fa-lg fas fa-trash"></i>
-        </.link>
+        <div class="flex justify-center items-center space-x-2">
+          <.link
+            :if={!user.confirmed_at}
+            class="text-primary-600 link"
+            href="#"
+            phx-click="resend_email_verification"
+            phx-value-id={user.id}
+          >
+            <i class="fa-fw fa-lg fas fa-paper-plane"></i>
+          </.link>
+          <.link
+            class="text-primary-600 link"
+            data-confirm={
+              dgettext(
+                "prompts",
+                "Are you sure you want to delete %{email}? This action is permanent!",
+                email: user.email
+              )
+            }
+            href="#"
+            phx-click="delete_user"
+            phx-value-id={user.id}
+          >
+            <i class="fa-fw fa-lg fas fa-trash"></i>
+          </.link>
+        </div>
       </.user_card>
     </div>
   <% end %>