Merge pull request #271 from chosten/use-svg-directive

Use svg directive instead of Blade component for icons
jeffgreco13 · Oct 23, 2023 · 4fe4a0e · 4fe4a0e
2 parents bdd3c8d + db90b8f
commit 4fe4a0e
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/resources/views/components/clipboard-link.blade.php b/resources/views/components/clipboard-link.blade.php
@@ -4,6 +4,6 @@
 <a x-data="{}"
     x-on:click.prevent="window.navigator.clipboard.writeText(@js($data));$tooltip('{{ __('filament-breezy::default.clipboard.tooltip') }}');"
     href="#" class="flex items-center">
-    <x-heroicon-s-clipboard-document class="w-4 mr-2" />
+    @svg('heroicon-s-clipboard-document', 'w-4 mr-2')
     <span class="">{{ __('filament-breezy::default.clipboard.link') }}</span>
 </a>
diff --git a/resources/views/livewire/two-factor-authentication.blade.php b/resources/views/livewire/two-factor-authentication.blade.php
@@ -7,7 +7,7 @@
             <div style="{{ \Illuminate\Support\Arr::toCssStyles([\Filament\Support\get_color_css_variables('danger',shades: [300, 400, 500, 600])]) }}" class="p-4 rounded bg-custom-500">
                 <div class="flex">
                     <div class="flex-shrink-0">
-                        <x-heroicon-s-shield-exclamation class="w-5 h-5 text-danger-600" />
+                        @svg('heroicon-s-shield-exclamation', 'w-5 h-5 text-danger-600')
                     </div>
                     <div class="ml-3">
                         <p class="text-sm text-danger-500">
@@ -20,7 +20,7 @@
 
         @unless ($user->hasEnabledTwoFactor())
             <h3 class="flex items-center gap-2 text-lg font-medium">
-                <x-heroicon-o-exclamation-circle class="w-6"/>
+                @svg('heroicon-o-exclamation-circle', 'w-6')
                 {{__('filament-breezy::default.profile.2fa.not_enabled.title') }}
             </h3>
             <p class="text-sm">{{ __('filament-breezy::default.profile.2fa.not_enabled.description') }}</p>
@@ -32,7 +32,7 @@
         @else
             @if ($user->hasConfirmedTwoFactor())
                 <h3 class="flex items-center gap-2 text-lg font-medium">
-                    <x-heroicon-o-shield-check class="w-6" />
+                    @svg('heroicon-o-shield-check', 'w-6')
                     {{ __('filament-breezy::default.profile.2fa.enabled.title') }}
                 </h3>
                 <p class="text-sm">{{ __('filament-breezy::default.profile.2fa.enabled.description') }}</p>
@@ -55,7 +55,7 @@
                 </div>
             @else
                 <h3 class="flex items-center gap-2 text-lg font-medium">
-                    <x-heroicon-o-question-mark-circle class="w-6" />
+                    @svg('heroicon-o-question-mark-circle', 'w-6')
                     {{ __('filament-breezy::default.profile.2fa.finish_enabling.title') }}
                 </h3>
                 <p class="text-sm">{{ __('filament-breezy::default.profile.2fa.finish_enabling.description') }}</p>