From f8860c091f2ca694f04a145a25cef5b32ddad2b3 Mon Sep 17 00:00:00 2001
From: Nuno Marques <nuno-marques.code+github@outlook.com>
Date: Tue, 20 Jan 2026 23:20:10 +0000
Subject: [PATCH] feat: created Badge component

---
 app/views/shared/_badge.html.erb | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)
 create mode 100644 app/views/shared/_badge.html.erb

diff --git a/app/views/shared/_badge.html.erb b/app/views/shared/_badge.html.erb
new file mode 100644
index 000000000..f23a7cd26
--- /dev/null
+++ b/app/views/shared/_badge.html.erb
@@ -0,0 +1,22 @@
+<%# locals: (color: nil, pulse: false) %>
+
+<%
+  def badge_classes(c, p)
+    classes = case c
+              when 'success'
+                'bg-green-500/5 text-green-500'
+              when 'error'
+                'bg-red-500/5 text-red-500'
+              when 'warning'
+                'bg-orange-500/5 text-orange-500'
+              else
+                'bg-gray-500/5 text-secondary'
+              end
+
+    p ? "#{classes} animate-pulse" : classes
+  end
+%>
+
+<span class="inline-flex items-center px-2 py-0.5 rounded-full ring ring-alpha-black-50 text-xs <%= badge_classes(color, pulse) %>">
+  <%= yield %>
+</span>
\ No newline at end of file