mirageco commited on
Commit
0ae9100
·
1 Parent(s): dc3fddc

Add link to greek leaderboard

Browse files
frontend/src/pages/LeaderboardPage/components/Leaderboard/utils/columnUtils.js CHANGED
@@ -440,6 +440,65 @@ const BooleanValue = ({ value }) => {
440
  );
441
  };
442
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
443
  export const createColumns = (
444
  getColorForValue,
445
  scoreDisplay = "normalized",
@@ -752,9 +811,8 @@ export const createColumns = (
752
  const evaluationColumns = [
753
  {
754
  accessorKey: "evaluations.greek_average",
755
- header: createHeaderCell("Greek Leaderboard", "Average performance on Greek financial tasks"),
756
- cell: ({ row, getValue }) =>
757
- createScoreCell(getValue, row, "evaluations.greek_average"),
758
  size: TABLE_DEFAULTS.COLUMNS.COLUMN_SIZES["model.average_score"] || 100,
759
  meta: {
760
  headerStyle: {
 
440
  );
441
  };
442
 
443
+ // 为Greek Financial LLM Leaderboard创建自定义标题组件
444
+ const createGreekLeaderboardHeader = (header) => (
445
+ <Box
446
+ className="header-content"
447
+ sx={{
448
+ display: "flex",
449
+ alignItems: "center",
450
+ width: "100%",
451
+ position: "relative",
452
+ }}
453
+ >
454
+ <HeaderLabel
455
+ label="Greek Financial LLM Leaderboard"
456
+ tooltip="Average performance on Greek financial tasks"
457
+ className="header-label"
458
+ isSorted={header?.column?.getIsSorted()}
459
+ />
460
+
461
+ <Box
462
+ sx={{
463
+ display: "flex",
464
+ alignItems: "center",
465
+ gap: 0.5,
466
+ ml: "auto",
467
+ flexShrink: 0,
468
+ }}
469
+ >
470
+ <InfoIcon tooltip="Average performance on Greek financial tasks" />
471
+ <Link
472
+ href="https://huggingface.co/spaces/TheFinAI/Open-Greek-Financial-LLM-Leaderboard#/"
473
+ target="_blank"
474
+ rel="noopener noreferrer"
475
+ aria-label="View Greek Financial LLM Leaderboard"
476
+ sx={{
477
+ color: "info.main",
478
+ display: "flex",
479
+ alignItems: "center",
480
+ ml: 0.5,
481
+ textDecoration: "none",
482
+ "&:hover": {
483
+ textDecoration: "underline",
484
+ "& svg": {
485
+ opacity: 0.8,
486
+ },
487
+ },
488
+ }}
489
+ >
490
+ <OpenInNewIcon
491
+ sx={{
492
+ fontSize: "1rem",
493
+ opacity: 0.6,
494
+ transition: "opacity 0.2s ease-in-out",
495
+ }}
496
+ />
497
+ </Link>
498
+ </Box>
499
+ </Box>
500
+ );
501
+
502
  export const createColumns = (
503
  getColorForValue,
504
  scoreDisplay = "normalized",
 
811
  const evaluationColumns = [
812
  {
813
  accessorKey: "evaluations.greek_average",
814
+ header: createGreekLeaderboardHeader,
815
+ cell: ({ row, getValue }) => createScoreCell(getValue, row, "evaluations.greek_average"),
 
816
  size: TABLE_DEFAULTS.COLUMNS.COLUMN_SIZES["model.average_score"] || 100,
817
  meta: {
818
  headerStyle: {