fix: table sorter

src/pages/usage/hooks/use-users-columns.tsx

@@ -1,6 +1,5 @@
 // columns.ts
 import AutoTooltip from '@/components/auto-tooltip';
-import { tableSorter } from '@/config/settings';
 import { useIntl } from '@umijs/max';
 import { useMemo } from 'react';
 import { BreakdownItem as ListItem } from '../config/types';
@@ -22,7 +21,6 @@ const useModelsColumns = (): Array<{
         title: intl.formatMessage({ id: 'common.table.name' }),
         dataIndex: ['user', 'identity', 'value', 'user_name'],
         key: 'user_name',
-        sorter: tableSorter(1),
         render: (text: string, record: ListItem) => (
           <span className="flex items-center">
             <AutoTooltip ghost style={{ maxWidth: 400 }}>
@@ -35,6 +33,7 @@ const useModelsColumns = (): Array<{
         title: intl.formatMessage({ id: 'usage.filter.modelsUsed' }),
         dataIndex: 'models_called',
         key: 'models_called',
+        sorter: true,
         render: (text: string, record: ListItem) => (
           <AutoTooltip ghost style={{ maxWidth: 400 }}>
             {text || '-'}
@@ -45,7 +44,7 @@ const useModelsColumns = (): Array<{
         title: intl.formatMessage({ id: 'usage.table.user.apiKeysUsed' }),
         dataIndex: 'api_keys_used',
         key: 'api_keys_used',
-        sorter: tableSorter(2),
+        sorter: true,
         render: (text: string, record: ListItem) => (
           <AutoTooltip ghost>{text || '-'}</AutoTooltip>
         )
@@ -54,6 +53,7 @@ const useModelsColumns = (): Array<{
         title: intl.formatMessage({ id: 'usage.filter.inputTokens' }),
         dataIndex: 'input_tokens',
         key: 'input_tokens',
+        sorter: true,
         render: (text: string[], record: ListItem) => (
           <AutoTooltip ghost>{text}</AutoTooltip>
         )
@@ -62,6 +62,7 @@ const useModelsColumns = (): Array<{
         title: intl.formatMessage({ id: 'usage.filter.outputTokens' }),
         dataIndex: 'output_tokens',
         key: 'output_tokens',
+        sorter: true,
         render: (text: string[], record: ListItem) => (
           <AutoTooltip ghost>{text}</AutoTooltip>
         )
@@ -70,7 +71,7 @@ const useModelsColumns = (): Array<{
         title: intl.formatMessage({ id: 'usage.filter.totalTokens' }),
         dataIndex: 'total_tokens',
         key: 'total_tokens',
-        sorter: tableSorter(3),
+        sorter: true,
         ellipsis: {
           showTitle: false
         },
@@ -80,7 +81,7 @@ const useModelsColumns = (): Array<{
         title: intl.formatMessage({ id: 'usage.filter.apiRequests' }),
         dataIndex: 'api_requests',
         key: 'api_requests',
-        sorter: tableSorter(3),
+        sorter: true,
         ellipsis: {
           showTitle: false
         },
@@ -90,7 +91,6 @@ const useModelsColumns = (): Array<{
         title: intl.formatMessage({ id: 'usage.table.lastActive' }),
         dataIndex: 'last_active',
         key: 'last_active',
-        sorter: tableSorter(3),
         ellipsis: {
           showTitle: false
         },