From 37c9d830f6b27ac5dc11010552841c524c13d387 Mon Sep 17 00:00:00 2001
From: Scott Idem <stidem@gmail.com>
Date: Mon, 16 Mar 2026 14:30:30 -0400
Subject: [PATCH] =?UTF-8?q?style(badges):=20FA=E2=86=92Lucide=20migration?=
 =?UTF-8?q?=20in=20ae=5Fcomp=5F=5Fbadge=5Fobj=5Fview=5Fv2.svelte?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Convert 6 template-level FA spans to Lucide components (Star, Biohazard,
Asterisk, Wifi). The code_to_html JS string dict (dietary symbols used
with {@html}) retains FA spans since they are raw HTML strings, not
Svelte template markup — FontAwesome CSS (app.html CDN) renders them.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 .../ae_comp__badge_obj_view_v2.svelte         | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/src/routes/events/[event_id]/(badges)/badges/[badge_id]/ae_comp__badge_obj_view_v2.svelte b/src/routes/events/[event_id]/(badges)/badges/[badge_id]/ae_comp__badge_obj_view_v2.svelte
index c60a81d8..6da00339 100644
--- a/src/routes/events/[event_id]/(badges)/badges/[badge_id]/ae_comp__badge_obj_view_v2.svelte
+++ b/src/routes/events/[event_id]/(badges)/badges/[badge_id]/ae_comp__badge_obj_view_v2.svelte
@@ -66,6 +66,7 @@
 
     // V2: auto-scaling text component
     import Element_fit_text from '$lib/elements/element_fit_text.svelte';
+    import { Asterisk, Biohazard, Star, Wifi } from 'lucide-svelte';
 
     // --- Badge type list from template ---
     // Each item: { code: string, name: string }. Drives footer display + (in controls) dropdown.
@@ -530,17 +531,17 @@
                         <div class="flex flex-row justify-between w-full">
                             <span class="badge_body_special_left">
                                 {#if option_ticket_1_override}<span
-                                        class="ticket_1_code fg_green fas fa-star"
-                                    ></span>{/if}
+                                        class="ticket_1_code fg_green"
+                                    ><Star size="1em" /></span>{/if}
                             </span>
                             <span class="badge_body_special_right">
                                 {#if option_ticket_2_override}
-                                    <span class=" ticket_2_code fg_red fas fa-star"
-                                    ></span>
+                                    <span class="ticket_2_code fg_red"
+                                    ><Star size="1em" /></span>
                                 {/if}
                                 {#if option_ticket_3_override}
-                                    <span class="ticket_3_code fg_blue fas fa-star"
-                                    ></span>
+                                    <span class="ticket_3_code fg_blue"
+                                    ><Star size="1em" /></span>
                                 {/if}
                             </span>
                         </div>
@@ -576,7 +577,7 @@
             >
                 {#if option_other_1_override && ['front_bool', 'front_back_bool'].includes(option_other_1_display_opt)}
                     <span class="badge_footer_special_left"
-                        ><span class="fas fa-biohazard"></span></span
+                        ><Biohazard size="1em" /></span
                     >
                 {:else if option_other_1_override && ['front_html', 'front_back_html'].includes(option_other_1_display_opt)}
                     <span class="badge_footer_special_left"
@@ -593,7 +594,7 @@
 
                 {#if option_other_2_override && ['front_bool', 'front_back_bool'].includes(option_other_2_display_opt)}
                     <span class="badge_footer_special_right"
-                        ><span class="fas fa-star-of-life"></span></span
+                        ><Asterisk size="1em" /></span
                     >
                 {:else if option_other_2_override && ['front_html', 'front_back_html'].includes(option_other_2_display_opt)}
                     <span class="badge_footer_special_right"
@@ -724,7 +725,7 @@
                         <div
                             class="wifi_label flex flex-row-reverse gap-1 items-center justify-center text-xl text-gray-500"
                         >
-                            <span class="fas fa-wifi"></span>
+                            <Wifi size="1em" />
                             WiFi
                         </div>
                     {/if}