Scott.Idem/OSIT-AE-App-Svelte
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(launcher): Phase 3 — FA→Lucide icon migration across all launcher files

Browse Source 
Replaces all FontAwesome <span class="fas/fab fa-*"> with Lucide Svelte
components across 20 launcher files. launcher_cfg_section.svelte icon prop
changed from FA string to AnyComponent (svelte:component for dynamic render).
Dynamic file-extension icon now uses ae_util.file_extension_icon_lucide().
Fixes class: directives on components (invalid in Svelte 5) → ternary class.
Removes title prop from Lucide components → wrapping <span title="...">.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Scott Idem
2026-03-16 12:33:37 -04:00
parent 99df204763
commit efc0f46079
20 changed files with 184 additions and 169 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/routes/events/[event_id]/(launcher)/launcher_session_view.svelte
View File

@@ -39,6 +39,7 @@
events_trigger
} from '$lib/stores/ae_events_stores';
import { events_func } from '$lib/ae_events_functions';
import { LoaderCircle, Barcode, AlertTriangle, Archive, Image, Monitor, User, Users } from 'lucide-svelte';
// Event Session (Main View Trigger)
// WHY: We use a simple derived observable. The template handles the $ prefix.
@@ -155,7 +156,7 @@
{#if $events_sess.launcher.loading__session_id_status}
<span class="absolute top-0 right-0 text-sm text-center text-gray-400">
<span class="fas fa-spinner fa-spin"></span>
<LoaderCircle size="1em" class="inline animate-spin" />
Loading session information...
</span>
<!-- {:else}
@@ -243,7 +244,7 @@
class="shrink-0 text-base text-gray-500 font-normal p-1"
title="Session code {$lq__event_session_obj.code}"
>
<span class="fas fa-barcode"></span>
<Barcode size="1em" class="inline" />
{$lq__event_session_obj?.code}
</span>
{/if}
@@ -256,9 +257,9 @@
{#if $lq__event_session_obj?.file_count_all === 0}
<p class="text-2xl text-center text-red-500 font-bold">
<span class="fas fa-exclamation-triangle"></span>
<AlertTriangle size="1em" class="inline" />
Warning
<span class="fas fa-exclamation-triangle"></span>
<AlertTriangle size="1em" class="inline" />
<br />
No files available show for this session.
</p>
@@ -269,7 +270,7 @@
<div>
<div class="text-xs text-surface-600-400">
<strong>
<span class="fas fa-file-archive"></span>
<Archive size="1em" class="inline" />
Session Files:
<span
@@ -349,10 +350,10 @@
<div class="text-xs text-surface-600-400">
<strong>
{#if type_code == 'poster'}
<span class="fas fa-image"></span>
<Image size="1em" class="inline" />
Posters:
{:else}
<span class="fas fa-tv"></span>
<Monitor size="1em" class="inline" />
Presentations:
{/if}
{#if $ae_loc.administrator_access && $ae_loc.edit_mode}
@@ -396,14 +397,12 @@
class="event_presentation_single_presenter italic text-sm text-gray-500"
>
{#if $lq__event_presenter_obj_li[index]?.given_name && $lq__event_presenter_obj_li[index]?.given_name != 'Group'}
<span class="fas fa-user"
></span>
<User size="0.85em" class="inline" />
{$lq__event_presenter_obj_li[
index
]?.full_name}
{:else if $lq__event_presenter_obj_li[index]?.given_name == 'Group'}
<span class="fas fa-users"
></span>
<Users size="0.85em" class="inline" />
{$lq__event_presenter_obj_li[
index
]?.affiliations}
@@ -470,7 +469,7 @@
</section>
{/if}<!-- end type_code !== 'poster' -->
{:else}
<span class="fas fa-spinner fa-spin"></span>
<LoaderCircle size="1em" class="inline animate-spin" />
No session selected
{/if}
</div>