feat: update icon component naming logic for 'vaadin' prefix in icon selection

This commit is contained in:
2025-12-06 11:22:17 -05:00
parent c9e74148dd
commit 1976164dd4

View File

@@ -265,13 +265,13 @@
@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'] }}">
@php
$componentName = $iconData['prefix'] . '-' . $iconData['icon'];
if ($iconData['prefix'] === 'vaadin') {
$componentName = 'vaadin-' . str_replace('_', '-', $iconData['icon']);
} else {
$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
<x-dynamic-component :component="$componentName" class="size-5" />
</button>
@endforeach
</div>