feat: update icon component naming logic for 'vaadin' prefix in icon selection
This commit is contained in:
@@ -265,13 +265,13 @@
|
|||||||
@foreach($iconList as $iconData)
|
@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'] }}">
|
<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
|
@php
|
||||||
$componentName = $iconData['prefix'] . '-' . $iconData['icon'];
|
if ($iconData['prefix'] === 'vaadin') {
|
||||||
|
$componentName = 'vaadin-' . str_replace('_', '-', $iconData['icon']);
|
||||||
|
} else {
|
||||||
|
$componentName = $iconData['prefix'] . '-' . $iconData['icon'];
|
||||||
|
}
|
||||||
@endphp
|
@endphp
|
||||||
@if($iconData['prefix'] === 'vaadin')
|
<x-dynamic-component :component="$componentName" class="size-5" />
|
||||||
<x-dynamic-component component="vaadin-{{ $iconData['icon'] }}" class="size-5" />
|
|
||||||
@else
|
|
||||||
<x-dynamic-component :component="$componentName" class="size-5" />
|
|
||||||
@endif
|
|
||||||
</button>
|
</button>
|
||||||
@endforeach
|
@endforeach
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user