fix: add va icon alias for data table unsorted icon and sort-asc, sor…

…t-desc
epicmaxco · Apr 9, 2024 · fff7c2c · fff7c2c
1 parent b7d4ab1
commit fff7c2c
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 5 deletions.
diff --git a/packages/ui/src/components/va-data-table/hooks/useSortable.ts b/packages/ui/src/components/va-data-table/hooks/useSortable.ts
@@ -25,7 +25,7 @@ export type TSortableEmits = ((
   args: string | DataTableSortingOrder | TSortedArgs,
 ) => void) & ((event: 'columnSorted', args: { columnName: string, value: DataTableSortingOrder, column: DataTableColumnInternal }) => void)
 
-export type TSortIcon = 'va-arrow-up' | 'va-arrow-down' | 'unfold_more'
+export type TSortIcon = 'va-sort-asc' | 'va-sort-desc' | 'va-unsorted'
 
 export const useSortable = <Item extends DataTableRow>(
   columns: Ref<DataTableColumnInternal[]>,
@@ -172,10 +172,10 @@ export const useSortable = <Item extends DataTableRow>(
 
   const sortingOrderIconName = computed(() => {
     return sortingOrderSync.value === 'asc'
-      ? 'va-arrow-up'
+      ? 'va-sort-asc'
       : sortingOrderSync.value === 'desc'
-        ? 'va-arrow-down'
-        : 'unfold_more'
+        ? 'va-sort-desc'
+        : 'va-unsorted'
   }) as ComputedRef<TSortIcon>
 
   return {

diff --git a/packages/ui/src/services/icon/presets/vuestic-aliases.ts b/packages/ui/src/services/icon/presets/vuestic-aliases.ts
@@ -1,6 +1,18 @@
 import { IconConfiguration } from '../types'
 
 export const VuesticIconAliases: IconConfiguration[] = [
+  {
+    name: 'va-unsorted',
+    to: 'swap_vert',
+  },
+  {
+    name: 'va-sort-asc',
+    to: 'va-arrow-up',
+  },
+  {
+    name: 'va-sort-desc',
+    to: 'va-arrow-down',
+  },
   {
     name: 'va-arrow-first',
     to: 'mi-first_page',
@@ -65,5 +77,4 @@ export const VuesticIconAliases: IconConfiguration[] = [
     name: 'va-minus',
     to: 'remove',
   },
-
 ]