You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
67 lines
1.5 KiB
67 lines
1.5 KiB
import { Table } from "antd";
|
|
import { TStat } from "../../types/Statistic/TStat";
|
|
import {
|
|
QueryObserverResult,
|
|
RefetchOptions,
|
|
RefetchQueryFilters,
|
|
} from "react-query";
|
|
// @ts-ignore
|
|
import tagIcon from "../../assets/tagIcon.png";
|
|
const StatTable = ({
|
|
data,
|
|
isLoading,
|
|
refetch,
|
|
}: {
|
|
refetch: <TPageData>(
|
|
options?: (RefetchOptions & RefetchQueryFilters<TPageData>) | undefined
|
|
) => Promise<QueryObserverResult<TStat[], unknown>>;
|
|
data: { data: TStat[] | undefined };
|
|
isLoading: boolean;
|
|
}) => {
|
|
return (
|
|
<div>
|
|
<Table
|
|
size="small"
|
|
loading={isLoading}
|
|
dataSource={data?.data?.map((u, i) => ({
|
|
no: i + 1,
|
|
...u,
|
|
}))}
|
|
columns={[
|
|
{
|
|
title: <img src={tagIcon} alt="" />,
|
|
dataIndex: "no",
|
|
key: "no",
|
|
width: "5%",
|
|
},
|
|
{
|
|
title: "Support specialist",
|
|
dataIndex: "username",
|
|
key: "username",
|
|
},
|
|
{
|
|
title: "Team",
|
|
dataIndex: "team_name",
|
|
key: "team_name ",
|
|
},
|
|
{
|
|
title: "Points",
|
|
dataIndex: "total_points",
|
|
key: "total_points",
|
|
},
|
|
]}
|
|
pagination={{
|
|
pageSize: 10,
|
|
size: "default",
|
|
}}
|
|
rowClassName={(record, index) =>
|
|
index % 2 === 0 ? "odd-row" : "even-row"
|
|
}
|
|
bordered
|
|
/>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default StatTable;
|