fix: table sorter

src/pages/usage/hooks/use-apikeys-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';
@@ -18,7 +17,6 @@ const useModelsColumns = (): Array<{
         title: intl.formatMessage({ id: 'common.table.name' }),
         dataIndex: ['api_key', 'identity', 'value', 'api_key_name'],
         key: 'api_key_name',
-        sorter: tableSorter(1),
         render: (text: string, record: ListItem) => (
           <span className="flex items-center">
             <AutoTooltip ghost style={{ maxWidth: 400 }}>
@@ -41,7 +39,7 @@ const useModelsColumns = (): Array<{
         title: intl.formatMessage({ id: 'usage.filter.modelsUsed' }),
         dataIndex: 'models_called',
         key: 'models_called',
-        sorter: tableSorter(2),
+        sorter: true,
         render: (text: string, record: ListItem) => (
           <AutoTooltip ghost>{text || '-'}</AutoTooltip>
         )
@@ -50,6 +48,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>
         )
@@ -66,7 +65,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
         },
@@ -76,7 +75,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
         },
@@ -86,7 +85,6 @@ const useModelsColumns = (): Array<{
         title: intl.formatMessage({ id: 'usage.table.lastActive' }),
         dataIndex: 'last_active',
         key: 'last_active',
-        sorter: tableSorter(3),
         ellipsis: {
           showTitle: false
         },