From 6c0ebe75b5fc1ce1b52ed1afcf5fb307f4877cfc Mon Sep 17 00:00:00 2001
From: "Joseph.Rawlings" <root0091@gmail.com>
Date: Sat, 6 Dec 2025 10:12:15 -0500
Subject: [PATCH] fix: replace dynamic component usage with static icon
 elements for better performance

---
 extensions/Servers/Proxmox/views/overview.blade.php | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/extensions/Servers/Proxmox/views/overview.blade.php b/extensions/Servers/Proxmox/views/overview.blade.php
index f592aa81a..d20860ed5 100644
--- a/extensions/Servers/Proxmox/views/overview.blade.php
+++ b/extensions/Servers/Proxmox/views/overview.blade.php
@@ -83,7 +83,7 @@
                 })" class="flex items-center gap-2">
                     <button @click="openModal()" :title="icon ? 'Customize server icon' : 'Set server icon'" class="p-2 rounded-lg bg-secondary/10 hover:bg-secondary/20 transition-colors">
                         <template x-if="icon">
-                            <x-dynamic-component :is="'x-ri-' + icon" class="size-5" :style="color ? 'color: ' + color : ''" />
+                            <i :class="'ri-' + icon + ' size-5'" :style="color ? 'color: ' + color : ''"></i>
                         </template>
                         <template x-if="!icon">
                             <x-ri-server-line class="size-5 text-secondary" />
@@ -99,7 +99,7 @@
                             <div class="flex items-center gap-4 mb-4">
                                 <div class="size-12 rounded-xl border flex items-center justify-center" :style="color ? 'color: ' + color + '; border-color: ' + color : ''">
                                     <template x-if="icon">
-                                        <x-dynamic-component :is="'x-ri-' + icon" class="size-8" />
+                                        <i :class="'ri-' + icon + ' size-8'" :style="color ? 'color: ' + color : ''"></i>
                                     </template>
                                     <template x-if="!icon">
                                         <x-ri-server-line class="size-8 text-base/40" />
@@ -110,7 +110,7 @@
                             <div class="grid grid-cols-6 gap-2 mb-4 max-h-32 overflow-y-auto">
                                 <template x-for="i in filteredIcons" :key="i">
                                     <button @click="icon = i" :class="icon === i ? 'ring-2 ring-primary' : ''" class="rounded p-1 border flex items-center justify-center">
-                                        <x-dynamic-component :is="'x-ri-' + i" class="size-5" />
+                                        <i :class="'ri-' + i + ' size-5'"></i>
                                     </button>
                                 </template>
                             </div>