bruAristimunha commited on
Commit
42cadaf
·
1 Parent(s): 862c36c

Add citation section to About page and widen Type column

Browse files

Add OpenEEG-Bench and Braindecode BibTeX citations to the About page
with copy-to-clipboard buttons. Widen the Type column from 65px to
120px to fit text labels like "Full Fine-tune".

frontend/src/pages/AboutPage/AboutPage.js CHANGED
@@ -1,5 +1,7 @@
1
- import React from "react";
2
- import { Box, Typography, Paper, Link } from "@mui/material";
 
 
3
  import PageHeader from "../../components/shared/PageHeader";
4
 
5
  function AboutPage() {
@@ -346,8 +348,124 @@ function AboutPage() {
346
  </li>
347
  </Box>
348
  </Paper>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
349
  </Box>
350
  );
351
  }
352
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
353
  export default AboutPage;
 
1
+ import React, { useState } from "react";
2
+ import { Box, Typography, Paper, Link, IconButton, Tooltip } from "@mui/material";
3
+ import ContentCopyIcon from "@mui/icons-material/ContentCopy";
4
+ import CheckIcon from "@mui/icons-material/Check";
5
  import PageHeader from "../../components/shared/PageHeader";
6
 
7
  function AboutPage() {
 
348
  </li>
349
  </Box>
350
  </Paper>
351
+
352
+ <CitationSection />
353
+ </Box>
354
+ );
355
+ }
356
+
357
+ const ARENA_BIBTEX = `@inproceedings{guetschel2026openeegbench,
358
+ title = {Toward {OpenEEG-Bench}: A Live Community-Driven Benchmark for {EEG} Foundation Models},
359
+ author = {Guetschel, Pierre and Aristimunha, Bruno and Truong, Dung and Kokate, Kuntal and Tangermann, Michael and Delorme, Arnaud},
360
+ booktitle = {Proceedings of the 34th European Signal Processing Conference (EUSIPCO 2026)},
361
+ year = {2026},
362
+ address = {Bruges, Belgium},
363
+ month = aug,
364
+ pages = {1--5},
365
+ organization = {EURASIP},
366
+ note = {Submitted to EUSIPCO 2026}
367
+ }`;
368
+
369
+ const BRAINDECODE_BIBTEX = `@software{braindecode,
370
+ author = {Aristimunha, Bruno and
371
+ Guetschel, Pierre and
372
+ Wimpff, Martin and
373
+ Gemein, Lukas and
374
+ Rommel, Cedric and
375
+ Banville, Hubert and
376
+ Sliwowski, Maciej and
377
+ Wilson, Daniel and
378
+ Brandt, Simon and
379
+ Gnassounou, Th\\'{e}o and
380
+ Paillard, Joseph and
381
+ {Junqueira Lopes}, Bruna and
382
+ Sedlar, Sara and
383
+ Moreau, Thomas and
384
+ Chevallier, Sylvain and
385
+ Gramfort, Alexandre and
386
+ Schirrmeister, Robin Tibor},
387
+ title = {Braindecode: toolbox for decoding raw electrophysiological brain data
388
+ with deep learning models},
389
+ url = {https://github.com/braindecode/braindecode},
390
+ doi = {10.5281/zenodo.17699192},
391
+ publisher = {Zenodo},
392
+ license = {BSD-3-Clause},
393
+ }`;
394
+
395
+
396
+ function CopyButton({ text }) {
397
+ const [copied, setCopied] = useState(false);
398
+
399
+ const handleCopy = () => {
400
+ navigator.clipboard.writeText(text).then(() => {
401
+ setCopied(true);
402
+ setTimeout(() => setCopied(false), 2000);
403
+ });
404
+ };
405
+
406
+ return (
407
+ <Tooltip title={copied ? "Copied!" : "Copy BibTeX"}>
408
+ <IconButton size="small" onClick={handleCopy} sx={{ color: "text.secondary" }}>
409
+ {copied ? <CheckIcon fontSize="small" /> : <ContentCopyIcon fontSize="small" />}
410
+ </IconButton>
411
+ </Tooltip>
412
+ );
413
+ }
414
+
415
+ function CitationBlock({ label, bibtex }) {
416
+ return (
417
+ <Box sx={{ mb: 3 }}>
418
+ <Box sx={{ display: "flex", alignItems: "center", justifyContent: "space-between", mb: 0.5 }}>
419
+ <Typography variant="subtitle2" color="text.secondary">
420
+ {label}
421
+ </Typography>
422
+ <CopyButton text={bibtex} />
423
+ </Box>
424
+ <Box
425
+ component="pre"
426
+ sx={{
427
+ p: 2,
428
+ bgcolor: "grey.50",
429
+ border: "1px solid",
430
+ borderColor: "grey.200",
431
+ borderRadius: 1,
432
+ overflow: "auto",
433
+ fontSize: "0.8rem",
434
+ lineHeight: 1.5,
435
+ fontFamily: "monospace",
436
+ m: 0,
437
+ }}
438
+ >
439
+ {bibtex}
440
+ </Box>
441
  </Box>
442
  );
443
  }
444
 
445
+ function CitationSection() {
446
+ return (
447
+ <Paper
448
+ elevation={0}
449
+ sx={{
450
+ p: 4,
451
+ mt: 4,
452
+ border: "1px solid",
453
+ borderColor: "grey.200",
454
+ borderRadius: 2,
455
+ }}
456
+ >
457
+ <Typography variant="h5" sx={{ mb: 1 }}>
458
+ Citation
459
+ </Typography>
460
+ <Typography variant="body1" color="text.secondary" paragraph>
461
+ If you use OpenEEG-Bench or Braindecode in your research, please cite the
462
+ following:
463
+ </Typography>
464
+
465
+ <CitationBlock label="OpenEEG-Bench (this leaderboard)" bibtex={ARENA_BIBTEX} />
466
+ <CitationBlock label="Braindecode software" bibtex={BRAINDECODE_BIBTEX} />
467
+ </Paper>
468
+ );
469
+ }
470
+
471
  export default AboutPage;
frontend/src/pages/LeaderboardPage/components/Leaderboard/constants/defaults.js CHANGED
@@ -49,7 +49,7 @@ const FILTERS = {
49
  // Column size constants
50
  const COLUMN_SIZES = {
51
  RANK: 65,
52
- TYPE_ICON: 65,
53
  MODEL: 400,
54
  AVERAGE_SCORE: 150,
55
  BENCHMARK: 110,
 
49
  // Column size constants
50
  const COLUMN_SIZES = {
51
  RANK: 65,
52
+ TYPE_ICON: 120,
53
  MODEL: 400,
54
  AVERAGE_SCORE: 150,
55
  BENCHMARK: 110,