From 533061c261f4e57ed8c80f244d38af876e562261 Mon Sep 17 00:00:00 2001
From: Graham McIntire <graham@mcintire.me>
Date: Sun, 12 Oct 2025 12:04:39 -0500
Subject: [PATCH] fix: correct remaining class attribute syntax errors

Fixed another incorrect class attribute syntax in connection_indicator component that was causing Protocol.UndefinedError.
---
 lib/aprsme_web/live/map_live/components.ex | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/lib/aprsme_web/live/map_live/components.ex b/lib/aprsme_web/live/map_live/components.ex
index 3fe5df6..5fbb458 100644
--- a/lib/aprsme_web/live/map_live/components.ex
+++ b/lib/aprsme_web/live/map_live/components.ex
@@ -112,10 +112,10 @@ defmodule AprsmeWeb.MapLive.Components do
     <div class="flex items-center space-x-2">
       <div class={[
         "h-3 w-3 rounded-full",
-        "bg-green-500": @connection_status == "connected",
-        "bg-yellow-500": @connection_status == "connecting",
-        "bg-red-500": @connection_status == "disconnected",
-        "bg-gray-400": @connection_status == "pending"
+        @connection_status == "connected" && "bg-green-500",
+        @connection_status == "connecting" && "bg-yellow-500",
+        @connection_status == "disconnected" && "bg-red-500",
+        @connection_status == "pending" && "bg-gray-400"
       ]}>
       </div>
       <span class="text-sm text-gray-700">