add customisable icon support for all icons

Author: sten

resources/views/livewire/translation-edit-form.blade.php

@@ -73,7 +73,10 @@ class="{{
                     </form>
                     <div class="flex items-center align-center">
                         <button @click="closeWithCancel">
-                            <x-heroicon-o-x-mark class="w-5 h-5 text-danger-500"/>
+                            <x-filament::icon
+                                alias="filament-chained-translation-manager::cancel-translation"
+                                icon="heroicon-o-x-mark"
+                                class="w-5 h-5 text-danger-500"/>
                         </button>
                     </div>
                 </div>

resources/views/pages/translation-manager-page.blade.php

@@ -7,19 +7,30 @@
                 <div class="grow">
                     {{ $this->form }}
                 </div>
-                <x-filament::button type="submit"
-                                    icon="heroicon-o-funnel"
-                                    class="flex-0 ml-4">
+                <x-filament::icon-button type="submit"
+                                         alias="filament-chained-translation-manager::filter-translations"
+                                         icon="heroicon-o-funnel"
+                                         class="flex-0 ml-4">
                     @lang('filament-translation-manager::messages.filter_action')
-                </x-filament::button>
+                </x-filament::icon-button>
             </div>
         </form>
     </div>
     <div class="flex">
-        <span><x-dynamic-component :component="'heroicon-o-funnel'" class="h-6 w-5 pt-1 mr-2"/></span>
+        <span>
+            <x-filament::icon
+                alias="filament-chained-translation-manager::filter-translations"
+                icon="heroicon-o-funnel"
+                class="h-6 w-5 pt-1 mr-2"/>
+        </span>
         <span>@lang('filament-translation-manager::messages.filter_results', ['filtered' => $totalFilteredTranslations, 'total' => $totalTranslations])</span>
         @if($totalFilteredTranslations > 0)
-            <span><x-dynamic-component :component="'heroicon-o-exclamation-circle'" class="h-6 w-5 pt-1 mr-2 ml-2"/></span>
+            <span>
+                <x-filament::icon
+                    alias="filament-chained-translation-manager::missing-translations"
+                    icon="heroicon-o-exclamation-circle"
+                    class="h-6 w-5 pt-1 mr-2 ml-2"/>
+            </span>
             <span>@lang('filament-translation-manager::messages.filter_results_missing_translations', ['missing' => $totalMissingFilteredTranslations,
                 'percent' => number_format(($totalMissingFilteredTranslations / $totalFilteredTranslations) * 100, 0)])</span>
         @endif
@@ -43,6 +54,7 @@ class="flex-0 ml-4">
         @if($pageCounter > 1)
             <x-filament::icon-button
                 :label="__('filament-translation-manager::messages.previous_page')"
+                alias="filament-chained-translation-manager::next-previous"
                 icon="heroicon-o-chevron-left"
                 class="ml-4 -mr-1"
                 wire:click="previousPage" />
@@ -51,6 +63,7 @@ class="ml-4 -mr-1"
         @if($totalFilteredTranslations > $pagedTranslations)
             <x-filament::icon-button
                 :label="__('filament-translation-manager::messages.next_page')"
+                alias="filament-chained-translation-manager::next-page"
                 icon="heroicon-o-chevron-right"
                 class="ml-4 -mr-1"
                 wire:click="nextPage" />

resources/views/widgets/translation-status.blade.php

@@ -5,7 +5,6 @@
                 'flex items-center space-x-2 rtl:space-x-reverse text-sm font-medium text-gray-500',
                 'dark:text-gray-200' => config('filament.dark_mode'),
             ])>
-                <x-dynamic-component :component="'heroicon-o-language'" class="w-4 h-4" />
                 <span>Translation manager</span>
             </div>
             <div class="text-sm flex space-x-2 rtl:space-x-reverse">