replace @svg directive with filament::icon component

bezhanSalleh · Jan 7, 2024 · e792fc7 · e792fc7
1 parent 5984c4a
commit e792fc7
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 4 deletions.
diff --git a/resources/views/components/query-preview.blade.php b/resources/views/components/query-preview.blade.php
@@ -7,14 +7,16 @@
             class="flex items-center justify-start pb-2 space-x-2 text-xs font-medium leading-6 text-gray-900 dark:text-gray-50">
             <div
                 class="flex items-center px-2 py-1 text-xs font-medium transition duration-75 rounded-lg outline-none gap-x-1 hover:bg-gray-950/5 focus:bg-gray-950/5 dark:hover:bg-white/5 dark:focus:bg-white/5 bg-gray-950/5 dark:bg-white/5 text-primary-600 dark:text-primary-400">
-                @svg('heroicon-s-clock', 'h-4 w-4 text-gray-400 dark:text-gray-500')
+                <x-filament::icon alias="fe::queryClock" class="w-4 h-4 text-gray-400 dark:text-gray-500"
+                    icon="heroicon-s-clock" />
                 <span>
                     {{ str($query['time'])->append('MS') }}
                 </span>
             </div>
             <div
                 class="flex items-center px-2 py-1 text-xs font-medium transition duration-75 rounded-lg outline-none gap-x-1 hover:bg-gray-950/5 focus:bg-gray-950/5 dark:hover:bg-white/5 dark:focus:bg-white/5 bg-gray-950/5 dark:bg-white/5 text-primary-600 dark:text-primary-400">
-                @svg('heroicon-s-circle-stack', 'h-4 w-4 text-gray-400 dark:text-gray-500')
+                <x-filament::icon alias="fe::queryConnection" class="w-4 h-4 text-gray-400 dark:text-gray-500"
+                    icon="heroicon-s-circle-stack" />
                 <span>
                     {{ str($query['connection_name'])->upper() }}
                 </span>

diff --git a/resources/views/exception.blade.php b/resources/views/exception.blade.php
@@ -14,10 +14,13 @@ class="bg-gray-100 rounded-lg dark:text-gray-200 dark:bg-gray-800 dark:border da
                 <div x-on:click="section = !section"
                     class="flex items-center justify-start w-full py-2 pr-2 text-sm font-semibold rtl:pl-2">
                     <span x-show="section" aria-hidden="true" class="ml-4">
-                        @svg('heroicon-o-eye', 'h-6 w-6 text-primary-700 dark:text-primary-500 rtl:rotate-0')
+                        <x-filament::icon alias="fe::sectionOpen"
+                            class="w-6 h-6 text-primary-700 dark:text-primary-500 rtl:rotate-0" icon="heroicon-o-eye" />
                     </span>
                     <span x-show="!section" aria-hidden="true" class="ml-4">
-                        @svg('heroicon-o-eye-slash', 'h-6 w-6 text-primary-700 dark:text-primary-500 rtl:rotate-180')
+                        <x-filament::icon alias="fe::sectionClose"
+                            class="w-6 h-6 text-primary-700 dark:text-primary-500 rtl:rotate-180"
+                            icon="heroicon-o-eye-slash" />
                     </span>
                     <span class="px-4 py-3 font-mono text-left break-words">
                         {{ str($frame->file())->replace(base_path() . '/', '') }}