From 767ca083ed5ebd4e3b1827213cf183241cbb5d45 Mon Sep 17 00:00:00 2001
From: Jason Zimdars <jz@37signals.com>
Date: Wed, 29 Jan 2025 12:59:51 -0600
Subject: [PATCH] Add a line that describes the event action

---
 app/helpers/events_helper.rb     | 15 +++++++++++++++
 app/views/events/_event.html.erb |  8 +++++---
 2 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/app/helpers/events_helper.rb b/app/helpers/events_helper.rb
index 064a57605..f62b332ee 100644
--- a/app/helpers/events_helper.rb
+++ b/app/helpers/events_helper.rb
@@ -48,4 +48,19 @@ module EventsHelper
       content_tag(:h3, header, class: "event__grid-column-title margin-block-end-half position-sticky")
     end.join.html_safe
   end
+
+  def event_action_sentence(event)
+    case event.action
+    when "assigned"
+      "Assigned to #{ event.assignees.pluck(:name).to_sentence }"
+    when "boosted"
+      "Boosted by #{ event.creator.name }"
+    when "commented"
+      "#{ event.creator.name } replied"
+    when "published"
+      "Added by #{ event.creator.name }"
+    when "popped"
+      "Popped by #{ event.creator.name }"
+    end
+  end
 end
diff --git a/app/views/events/_event.html.erb b/app/views/events/_event.html.erb
index 07ef7597e..de3c9a67c 100644
--- a/app/views/events/_event.html.erb
+++ b/app/views/events/_event.html.erb
@@ -1,7 +1,7 @@
 <% bubble = event.summary.bubble %>
 
 <%= link_to bucket_bubble_path(bubble.bucket, bubble),
-      class: "event panel shadow center center-block flex-inline align-center justify-start gap position-relative",
+      class: "event panel shadow center center-block flex-inline align-start justify-start gap position-relative",
       style: "--bubble-color: #{ bubble.color }; #{ bubble_rotation(bubble) }",
       data: { controller: "animation", 
               related_element_target: "related", 
@@ -10,8 +10,10 @@
               animation_play_on_load_value: "true", 
               action: "mouseover->animation#play mouseover->related-element#highlight mouseout->related-element#unhighlight" } do %>
   <div class="bubble__shape flex-item-no-shrink txt-large"></div>
+
   <div class="flex flex-column min-width txt-small txt-tight-lines align-start txt-align-start">
-    <strong><%= bubble.title %></strong>
-    <span class="txt-small translucent"><%= bubble.bucket.name %></span>
+    <strong style="font-size: 1.1em;"><%= bubble.title %></strong>
+    <span><%= event_action_sentence(event) %> </span>
+    <span class="translucent"><%= bubble.bucket.name %></span>
   </div>
 <% end %>