|
|
@@ -1,5 +1,6 @@
|
|
|
import ProTable from '@ant-design/pro-table'
|
|
|
-import { Select } from 'antd'
|
|
|
+import { Select, Space, Tag } from 'antd'
|
|
|
+import { Trophy } from '@icon-park/react'
|
|
|
import React, { useState, useMemo } from 'react'
|
|
|
|
|
|
const { Option } = Select
|
|
|
@@ -22,7 +23,17 @@ const LeaderBoard = ({ dataList = [] }) => {
|
|
|
dataIndex: 'rank',
|
|
|
valueType: 'indexBorder',
|
|
|
align: 'center',
|
|
|
- width: '30%'
|
|
|
+ width: '30%',
|
|
|
+ render: (_, record) => (
|
|
|
+ <Space>
|
|
|
+ {record.rank.map(({ name, color }) => (
|
|
|
+ <Tag color={color} key={name}>
|
|
|
+ <Trophy />
|
|
|
+ {name}
|
|
|
+ </Tag>
|
|
|
+ ))}
|
|
|
+ </Space>
|
|
|
+ )
|
|
|
},
|
|
|
{
|
|
|
title: '姓名',
|
