From f39b58040bfa307668a1153b4d00aacf01081c30 Mon Sep 17 00:00:00 2001
From: Jason Zimdars <jz@37signals.com>
Date: Mon, 19 Aug 2024 15:56:53 -0500
Subject: [PATCH] Display number of boosts on a splat

---
 app/assets/stylesheets/splats.css | 9 +++++++++
 app/views/splats/_splat.html.erb  | 4 ++++
 2 files changed, 13 insertions(+)

diff --git a/app/assets/stylesheets/splats.css b/app/assets/stylesheets/splats.css
index c62cba376..3f6702172 100644
--- a/app/assets/stylesheets/splats.css
+++ b/app/assets/stylesheets/splats.css
@@ -79,6 +79,15 @@
     color: var(--splat-color);
   }
 
+  &.splat__boosts {
+    aspect-ratio: 1;
+    inset: 50cqi -1cqi auto auto;
+
+    .windshield .splat:hover & {
+      transform: translate(0, 1rem) !important;
+    }
+  }
+
   &.splat__category {
     inset: auto auto 10cqi -3cqi;
 
diff --git a/app/views/splats/_splat.html.erb b/app/views/splats/_splat.html.erb
index 4348f7f04..8e33b4033 100644
--- a/app/views/splats/_splat.html.erb
+++ b/app/views/splats/_splat.html.erb
@@ -20,4 +20,8 @@
       </turbo-frame>
     </span>
   <% end %>
+
+  <% if splat.boosts.any? %>
+    <div class="splat__bubble splat__meta splat__boosts"><%= splat.boosts.size %></div>
+  <% end %>
 </div>