Render scrobble rule status with badge

lib/music_library_web/live/scrobble_rules_live/index.ex

@@ -112,11 +112,12 @@ defmodule MusicLibraryWeb.ScrobbleRulesLive.Index do
     """
   end
 
-  defp enabled_badge(enabled) do
-    if enabled do
-      "Enabled"
-    else
-      "Disabled"
-    end
+  attr :enabled, :boolean, required: true
+
+  defp status_badge(assigns) do
+    ~H"""
+    <.badge :if={@enabled} color="green">{gettext("Enabled")}</.badge>
+    <.badge :if={!@enabled} color="yellow">{gettext("Disabled")}</.badge>
+    """
   end
 end

lib/music_library_web/live/scrobble_rules_live/index.html.heex

@@ -41,7 +41,9 @@
         </:cell>
         <:cell>{scrobble_rule.match_value}</:cell>
         <:cell class="whitespace-nowrap font-mono">{scrobble_rule.target_musicbrainz_id}</:cell>
-        <:cell>{enabled_badge(scrobble_rule.enabled)}</:cell>
+        <:cell>
+          <.status_badge enabled={scrobble_rule.enabled} />
+        </:cell>
         <:cell>{scrobble_rule.description}</:cell>
         <:cell>{Calendar.strftime(scrobble_rule.inserted_at, "%Y-%m-%d")}</:cell>
         <:cell>

priv/gettext/default.pot

@@ -1117,3 +1117,13 @@ msgstr ""
 #, elixir-autogen, elixir-format
 msgid "Enable rule"
 msgstr ""
+
+#: lib/music_library_web/live/scrobble_rules_live/index.ex
+#, elixir-autogen, elixir-format
+msgid "Disabled"
+msgstr ""
+
+#: lib/music_library_web/live/scrobble_rules_live/index.ex
+#, elixir-autogen, elixir-format
+msgid "Enabled"
+msgstr ""

priv/gettext/en/LC_MESSAGES/default.po

@@ -1117,3 +1117,13 @@ msgstr ""
 #, elixir-autogen, elixir-format, fuzzy
 msgid "Enable rule"
 msgstr ""
+
+#: lib/music_library_web/live/scrobble_rules_live/index.ex
+#, elixir-autogen, elixir-format, fuzzy
+msgid "Disabled"
+msgstr ""
+
+#: lib/music_library_web/live/scrobble_rules_live/index.ex
+#, elixir-autogen, elixir-format, fuzzy
+msgid "Enabled"
+msgstr ""