2 flexRender,
3 getCoreRowModel,
4 getSortedRowModel,
7import { BenchmarkResult } from "../../../types";
8import { exportToCsv } from "../export/csvExport";
eacabc8test real dataJeremy Magland 10
12 results: BenchmarkResult[];
13}
eacabc8test real dataJeremy Magland 14
3b1d188improve uiJeremy Magland 15export function BenchmarkTable({ results }: BenchmarkTableProps) {
19 getCoreRowModel: getCoreRowModel(),
20 getSortedRowModel: getSortedRowModel(),
21 });
23 return (
24 <div className="table-container">
25 <table>
26 <thead>
31 key={header.id}
32 onClick={header.column.getToggleSortingHandler()}
35 {flexRender(
36 header.column.columnDef.header,
39 {header.column.getIsSorted() && (
41 {header.column.getIsSorted() === "asc" ? "↑" : "↓"}
43 )}
44 </th>
45 ))}
46 </tr>
47 ))}
48 </thead>
49 <tbody>
54 {flexRender(cell.column.columnDef.cell, cell.getContext())}
55 </td>
56 ))}
57 </tr>
58 ))}
59 </tbody>
60 </table>
63 style={{
64 marginTop: "12px",
65 display: "flex",
66 justifyContent: "flex-end",
67 }}
68 >
72 padding: "8px 16px",
73 backgroundColor: "#4CAF50",
74 color: "white",
75 border: "none",
76 borderRadius: "4px",
77 cursor: "pointer",
78 display: "flex",
79 alignItems: "center",
80 gap: "8px",
81 }}
82 >
83 <svg
84 width="16"
85 height="16"
86 viewBox="0 0 16 16"
87 fill="none"
88 xmlns="http://www.w3.org/2000/svg"
89 >
90 <path d="M8 12L3 7H6V1H10V7H13L8 12Z" fill="currentColor" />
91 <path d="M2 14V15H14V14H2Z" fill="currentColor" />
92 </svg>
93 Download CSV
94 </button>
95 </div>
97 );
98}