From 1905c6b41aa2589ed37fe4db939c8478e58368de Mon Sep 17 00:00:00 2001
From: Graham McIntire <graham@mcintire.me>
Date: Sun, 12 Oct 2025 11:58:16 -0500
Subject: [PATCH] fix: correct class attribute syntax in components

Fixed incorrect class attribute syntax that was using tuple notation instead of proper conditional class lists. This was causing Protocol.UndefinedError for String.Chars.
---
 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 1f24e4d..3fe5df6 100644
--- a/lib/aprsme_web/live/map_live/components.ex
+++ b/lib/aprsme_web/live/map_live/components.ex
@@ -16,8 +16,8 @@ defmodule AprsmeWeb.MapLive.Components do
       phx-update="ignore"
       phx-hook="LeafletMap"
       class={[
-        "slideover-open": @slideover_open,
-        "slideover-closed": !@slideover_open
+        @slideover_open && "slideover-open",
+        !@slideover_open && "slideover-closed"
       ]}
     >
     </div>
@@ -37,8 +37,8 @@ defmodule AprsmeWeb.MapLive.Components do
     ~H"""
     <div class={[
       "slideover-panel",
-      "slideover-open": @slideover_open,
-      "slideover-closed": !@slideover_open
+      @slideover_open && "slideover-open",
+      !@slideover_open && "slideover-closed"
     ]}>
       <.slideover_header {assigns} />
       <.slideover_content {assigns} />