From c9e74148dd6f20c19584584d317884d0886a66a3 Mon Sep 17 00:00:00 2001
From: "Joseph.Rawlings" <root0091@gmail.com>
Date: Sat, 6 Dec 2025 11:12:15 -0500
Subject: [PATCH] feat: enhance icon rendering logic for dynamic component
 selection based on user-set icon prefix

---
 .../Servers/Proxmox/views/components/layout.blade.php    | 9 ++++++++-
 themes/lucentui/views/services/index.blade.php           | 3 ++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/extensions/Servers/Proxmox/views/components/layout.blade.php b/extensions/Servers/Proxmox/views/components/layout.blade.php
index 747abd8c4..dbe06707e 100644
--- a/extensions/Servers/Proxmox/views/components/layout.blade.php
+++ b/extensions/Servers/Proxmox/views/components/layout.blade.php
@@ -264,7 +264,14 @@
                                 @endphp
                                 @foreach($iconList as $iconData)
                                 <button @click="icon = '{{ $iconData['icon'] }}'; iconPrefix = '{{ $iconData['prefix'] }}'" :class="icon === '{{ $iconData['icon'] }}' && iconPrefix === '{{ $iconData['prefix'] }}' ? 'ring-2 ring-primary' : ''" class="icon-btn rounded p-2 border flex items-center justify-center hover:bg-secondary/10 dark:border-base/20" data-icon="{{ $iconData['icon'] }}" data-prefix="{{ $iconData['prefix'] }}">
-                                    <x-dynamic-component :component="$iconData['prefix'] . '-' . $iconData['icon']" class="size-5" />
+                                    @php
+                                        $componentName = $iconData['prefix'] . '-' . $iconData['icon'];
+                                    @endphp
+                                    @if($iconData['prefix'] === 'vaadin')
+                                        <x-dynamic-component component="vaadin-{{ $iconData['icon'] }}" class="size-5" />
+                                    @else
+                                        <x-dynamic-component :component="$componentName" class="size-5" />
+                                    @endif
                                 </button>
                                 @endforeach
                             </div>
diff --git a/themes/lucentui/views/services/index.blade.php b/themes/lucentui/views/services/index.blade.php
index ddff3db09..3cfdeb203 100644
--- a/themes/lucentui/views/services/index.blade.php
+++ b/themes/lucentui/views/services/index.blade.php
@@ -53,8 +53,9 @@
                                     $iconPrefix = $service->proxmoxServer->user_set_icon_prefix ?? 'ri';
                                     $iconName = $service->proxmoxServer->user_set_icon;
                                     $iconColor = $service->proxmoxServer->user_set_icon_color;
+                                    $componentName = $iconPrefix === 'vaadin' ? 'vaadin-' . $iconName : $iconPrefix . '-' . $iconName;
                                 @endphp
-                                <x-dynamic-component :component="$iconPrefix . '-' . $iconName" class="size-6" :style="$iconColor ? 'color: ' . $iconColor : ''" />
+                                <x-dynamic-component :component="$componentName" class="size-6" :style="$iconColor ? 'color: ' . $iconColor : ''" />
                             @else
                                 <x-ri-instance-line class="size-6 text-primary" />
                             @endif