Add icon indicating that there is no active sorting

filamentphp · Dec 2, 2024 · cda61e7 · cda61e7
1 parent 8069915
commit cda61e7
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/packages/tables/resources/views/components/header-cell.blade.php b/packages/tables/resources/views/components/header-cell.blade.php
@@ -53,7 +53,11 @@ class="fi-ta-header-cell-label text-sm font-semibold text-gray-950 dark:text-whi
         @if ($sortable)
             <x-filament::icon
                 :alias="$activelySorted && $sortDirection === 'asc' ? 'tables::header-cell.sort-asc-button' : 'tables::header-cell.sort-desc-button'"
-                :icon="$activelySorted && $sortDirection === 'asc' ? 'heroicon-m-chevron-up' : 'heroicon-m-chevron-down'"
+                :icon="match (true) {
+                        $activelySorted && $sortDirection === 'asc' => 'heroicon-m-chevron-up',
+                        $activelySorted && $sortDirection === 'desc' =>  'heroicon-m-chevron-down',
+                        !$activelySorted => 'heroicon-m-chevron-up-down'
+                }"
                 @class([
                     'fi-ta-header-cell-sort-icon h-5 w-5 shrink-0 transition duration-75',
                     'text-gray-950 dark:text-white' => $activelySorted,