/ concept-collection / benchcompress
Sign in
concept-collection / benchcompress
main
Branches
mainbenchmark-results
benchcompress / web-ui / src / components / benchmark / table / columns.tsx
102 lines · 3.1 KBCodeBlameHistory
70a7a71code formattingJeremy Magland 1import { createColumnHelper } from "@tanstack/react-table";
2import { BenchmarkResult } from "../../../types";
3import { formatNumber, formatSize } from "../utils/formatters";
3b1d188improve uiJeremy Magland 4import { Link } from "react-router-dom";
eacabc8test real dataJeremy Magland 5
6const columnHelper = createColumnHelper<BenchmarkResult>();
8export const columns = [
70a7a71code formattingJeremy Magland 9 columnHelper.accessor("dataset", {
10 header: "Dataset",
3b1d188improve uiJeremy Magland 11 cell: (info) => (
12 <Link
13 to={`/dataset/${info.getValue()}`}
14 style={{ color: "#2563eb", textDecoration: "none" }}
15 onMouseEnter={(e) =>
16 (e.currentTarget.style.textDecoration = "underline")
17 }
18 onMouseLeave={(e) => (e.currentTarget.style.textDecoration = "none")}
19 >
20 {info.getValue()}
21 </Link>
22 ),
eacabc8test real dataJeremy Magland 23 }),
70a7a71code formattingJeremy Magland 24 columnHelper.accessor("algorithm", {
25 header: "Algorithm",
3b1d188improve uiJeremy Magland 26 cell: (info) => (
27 <Link
28 to={`/algorithm/${info.getValue()}`}
29 style={{ color: "#2563eb", textDecoration: "none" }}
30 onMouseEnter={(e) =>
31 (e.currentTarget.style.textDecoration = "underline")
32 }
33 onMouseLeave={(e) => (e.currentTarget.style.textDecoration = "none")}
34 >
35 {info.getValue()}
36 </Link>
37 ),
eacabc8test real dataJeremy Magland 38 }),
70a7a71code formattingJeremy Magland 39 columnHelper.accessor("compression_ratio", {
40 header: "Compression Ratio",
a10d266update UIJeremy Magland 41 cell: (info) => `${formatNumber(info.getValue())}`,
eacabc8test real dataJeremy Magland 42 sortingFn: (rowA, rowB) => {
43 const a = rowA.original.compression_ratio;
44 const b = rowB.original.compression_ratio;
45 return a - b;
46 },
47 }),
70a7a71code formattingJeremy Magland 48 columnHelper.accessor("encode_time", {
49 header: "Encode Time (s)",
50 cell: (info) => formatNumber(info.getValue(), 4),
eacabc8test real dataJeremy Magland 51 sortingFn: (rowA, rowB) => {
52 const a = rowA.original.encode_time;
53 const b = rowB.original.encode_time;
54 return a - b;
55 },
56 }),
70a7a71code formattingJeremy Magland 57 columnHelper.accessor("decode_time", {
58 header: "Decode Time (s)",
59 cell: (info) => formatNumber(info.getValue(), 4),
eacabc8test real dataJeremy Magland 60 sortingFn: (rowA, rowB) => {
61 const a = rowA.original.decode_time;
62 const b = rowB.original.decode_time;
63 return a - b;
64 },
65 }),
70a7a71code formattingJeremy Magland 66 columnHelper.accessor("encode_mb_per_sec", {
67 header: "Encode Speed (MB/s)",
68 cell: (info) => formatNumber(info.getValue()),
eacabc8test real dataJeremy Magland 69 sortingFn: (rowA, rowB) => {
70 const a = rowA.original.encode_mb_per_sec;
71 const b = rowB.original.encode_mb_per_sec;
72 return a - b;
73 },
74 }),
70a7a71code formattingJeremy Magland 75 columnHelper.accessor("decode_mb_per_sec", {
76 header: "Decode Speed (MB/s)",
77 cell: (info) => formatNumber(info.getValue()),
eacabc8test real dataJeremy Magland 78 sortingFn: (rowA, rowB) => {
79 const a = rowA.original.decode_mb_per_sec;
80 const b = rowB.original.decode_mb_per_sec;
81 return a - b;
82 },
83 }),
70a7a71code formattingJeremy Magland 84 columnHelper.accessor("original_size", {
85 header: "Original Size",
86 cell: (info) => formatSize(info.getValue()),
eacabc8test real dataJeremy Magland 87 sortingFn: (rowA, rowB) => {
88 const a = rowA.original.original_size;
89 const b = rowB.original.original_size;
90 return a - b;
91 },
92 }),
70a7a71code formattingJeremy Magland 93 columnHelper.accessor("compressed_size", {
94 header: "Compressed Size",
95 cell: (info) => formatSize(info.getValue()),
eacabc8test real dataJeremy Magland 96 sortingFn: (rowA, rowB) => {
97 const a = rowA.original.compressed_size;
98 const b = rowB.original.compressed_size;
99 return a - b;
100 },
101 }),
102];
↑↓ move↵openescclose