From 824372f5a4add2a6292039ee1a95eab336e075c9 Mon Sep 17 00:00:00 2001
From: Matthew Landauer <mlandauer@gmail.com>
Date: Mon, 23 Oct 2023 06:25:48 +0000
Subject: [PATCH] Add a rough speech bubble

---
 .../_tailwind/applications/_application.html.erb      | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/app/views/_tailwind/applications/_application.html.erb b/app/views/_tailwind/applications/_application.html.erb
index fdf142140..5656eef9e 100644
--- a/app/views/_tailwind/applications/_application.html.erb
+++ b/app/views/_tailwind/applications/_application.html.erb
@@ -21,9 +21,16 @@
         <% end %>
       </p>
     </div>
-    <%# TODO: Style comments count as per the design %>
+    <%# TODO: Make speech bubble the correct size %>
+    <%# TODO: Make it the right width at different numbers %>
+    <%# TODO: Make the triangle at the bottom on the left here %>
     <% if application.visible_comments_count.positive? %>
-      <p class="text-2xl text-navy"><%= pluralize(application.visible_comments_count, "comment") %></p>
+      <div class="text-2xl text-navy">
+        <%= render Tailwind::SpeechBubbleComponent.new do %>
+          <%= application.visible_comments_count %>
+        <% end %>
+        <%= application.visible_comments_count == 1 ? "comment" : "comments" %>
+      </div>
     <% end %>
   </article>
 <% end %>