fix(provider): table sorting does not work

src/config/theme/dark.ts

@@ -28,6 +28,7 @@ export default {
       rowSelectedBg: 'transparent',
       headerSortActiveBg: 'transparent',
       headerSortHoverBg: 'transparent',
+      bodySortBg: 'transparent',
       headerBg: 'none'
     },
     Button: {

src/config/theme/light.ts

@@ -31,6 +31,7 @@ export default {
       rowSelectedBg: 'transparent',
       headerSortActiveBg: 'transparent',
       headerSortHoverBg: 'transparent',
+      bodySortBg: 'transparent',
       headerSplitColor: '#e8e8e8',
       headerBg: 'none'
     },

src/pages/llmodels/components/model-item.tsx

@@ -184,10 +184,6 @@ const ModelItem: React.FC<{
         header={
           <Header>
             <span className="text gap-8">
-              {/* <IconFont
-                type={sourceIconMap[model.source]}
-                style={{ fontSize: 24 }}
-              /> */}
               <ModelLogo src={getModelLogo(model.name)} alt="" />
               <span>{model.name}</span>
             </span>

src/pages/maas-provider/hooks/use-provider-columns.tsx

@@ -58,7 +58,7 @@ const useProviderColumns = (
       {
         title: intl.formatMessage({ id: 'providers.table.providerName' }),
         dataIndex: ['config', 'type'],
-        sorter: tableSorter(2),
+        sorter: false,
         span: 4,
         minWidth: 160,
         render: (value: string) => (

src/pages/maas-provider/index.tsx

@@ -170,6 +170,7 @@ const MaasProvider: React.FC = () => {
             rowSelection={rowSelection}
             columns={columns}
             scroll={{ x: 900 }}
+            onChange={handleTableChange}
             pagination={{
               size: 'middle',
               showSizeChanger: true,

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

@@ -134,12 +134,12 @@ const useUsersColumns = ({
     return [
       {
         title: intl.formatMessage({ id: 'common.table.name' }),
-        dataIndex: 'username',
+        dataIndex: 'name',
-        key: 'username',
+        key: 'name',
         sorter: tableSorter(1),
         render: (text: string, record: ListItem) => (
-          <AutoTooltip ghost style={{ maxWidth: 400 }} title={text}>
+          <AutoTooltip ghost style={{ maxWidth: 400 }} title={record.username}>
-            <span className="text-primary">{text}</span>
+            <span className="text-primary">{record.username}</span>
           </AutoTooltip>
         )
       },