Show pending invites

maybe-finance · Oct 31, 2024 · 886123d · 886123d
1 parent b30d81f
commit 886123d
Show file tree

Hide file tree

Showing 5 changed files with 18 additions and 6 deletions.
diff --git a/app/controllers/settings/profiles_controller.rb b/app/controllers/settings/profiles_controller.rb
@@ -2,5 +2,6 @@ class Settings::ProfilesController < SettingsController
   def show
     @user = Current.user
     @users = Current.family.users.order(:created_at)
+    @pending_invitations = Current.family.invitations.pending
   end
 end
diff --git a/app/views/invitations/new.html.erb b/app/views/invitations/new.html.erb
@@ -13,11 +13,8 @@
       {},
       { label: t(".role_label") } %>
 
-    <div class="flex justify-end gap-2">
-      <button type="button" class="text-gray-500" data-action="click->modal#close">
-        <%= t(".cancel") %>
-      </button>
-      <%= form.submit t(".submit"), class: "bg-gray-900 text-white rounded-lg px-4 py-2" %>
+    <div class="w-full">
+      <%= form.submit t(".submit"), class: "bg-gray-900 text-white rounded-lg px-4 py-2 w-full" %>
     </div>
   <% end %>
 <% end %>
diff --git a/app/views/settings/profiles/show.html.erb b/app/views/settings/profiles/show.html.erb
@@ -45,6 +45,19 @@
               </div>
             </div>
           <% end %>
+          <% if @pending_invitations.any? %>
+            <% @pending_invitations.each do |invitation| %>
+              <div class="flex gap-2 items-center bg-white p-4 border border-alpha-black-25 rounded-lg">
+                <div class="w-9 h-9 shrink-0">
+                  <div class="text-white w-full h-full bg-gray-400 rounded-full flex items-center justify-center text-lg uppercase"><%= invitation.email[0] %></div>
+                </div>
+                <p class="text-gray-900 font-medium text-sm"><%= invitation.email %></p>
+                <div class="rounded-md bg-gray-100 px-1.5 py-0.5">
+                  <p class="uppercase text-gray-500 font-medium text-xs"><%= t(".pending") %></p>
+                </div>
+              </div>
+            <% end %>
+          <% end %>
           <% if Current.user.admin? %>
             <%= link_to new_invitation_path,
                 class: "bg-gray-100 flex items-center justify-center gap-2 text-gray-500 mt-1 hover:bg-gray-200 rounded-lg px-4 py-2 w-full text-center",

diff --git a/config/locales/views/invitations/en.yml b/config/locales/views/invitations/en.yml
@@ -5,7 +5,7 @@ en:
       failure: "Could not send invitation"
     new:
       title: Invite Someone
-      subtitle: Send an invitation to join your family
+      subtitle: Send an invitation to join your family account on Maybe
       email_placeholder: Enter email address
       email_label: Email Address
       role_member: Member

diff --git a/config/locales/views/settings/en.yml b/config/locales/views/settings/en.yml
@@ -61,6 +61,7 @@ en:
         profile_subtitle: Customize how you appear on Maybe
         profile_title: Profile
         save: Save
+        pending: Pending
     user_avatar_field:
       accepted_formats: JPG or PNG. 5MB max.
       choose: Choose