gregrepport

the-orange-alliance · Sep 29, 2024 · 1228ad4 · 1228ad4
1 parent a6b37d4
commit 1228ad4
Showing 1 changed file with 54 additions and 31 deletions.
diff --git a/front-end/src/seasons/fgc-2024/rankings-report.tsx b/front-end/src/seasons/fgc-2024/rankings-report.tsx
@@ -5,47 +5,70 @@ import {
   TableHead,
   TableRow,
   TableCell,
-  TableBody
+  TableBody,
+  Button
 } from '@mui/material';
 import { FeedingTheFuture } from '@toa-lib/models';
 import { RankingsReportProps } from 'src/seasons';
 import { Report } from 'src/apps/reports/components/report-container';
 import { useTeamIdentifiers } from 'src/hooks/use-team-identifier';
+import { mkConfig, generateCsv, download } from 'export-to-csv';
 
 export const RankingsReport: FC<
   RankingsReportProps<FeedingTheFuture.SeasonRanking>
 > = ({ rankings }) => {
   const identifiers = useTeamIdentifiers();
+  const downloadCSV = () => {
+    const csvConfig = mkConfig({ useKeysAsHeaders: true });
+    const csv = generateCsv(csvConfig)(
+      rankings.map((r) => ({
+        rank: r.rank,
+        team: identifiers[r.teamKey],
+        played: r.played,
+        rankingScore: r.rankingScore ?? 0,
+        highestScore: r.highestScore ?? 0,
+        foodSecuredPoints: r.foodSecuredPoints ?? 0
+      }))
+    );
+    download(csvConfig)(csv);
+  };
   return (
-    <Report name='Competing Teams'>
-      <TableContainer>
-        <Table size='small'>
-          <TableHead sx={{ backgroundColor: 'lightgrey' }}>
-            <TableRow>
-              <TableCell>Rank</TableCell>
-              <TableCell>Team</TableCell>
-              <TableCell>Played</TableCell>
-              <TableCell>Ranking Score</TableCell>
-              <TableCell>Highest Score</TableCell>
-              <TableCell>Food Secured Points</TableCell>
-            </TableRow>
-          </TableHead>
-          <TableBody>
-            {rankings
-              .sort((a, b) => a.rank - b.rank)
-              .map((r) => (
-                <TableRow key={`${r.eventKey}-${r.tournamentKey}-${r.teamKey}`}>
-                  <TableCell>{r.rank}</TableCell>
-                  <TableCell>{identifiers[r.teamKey]}</TableCell>
-                  <TableCell>{r.played}</TableCell>
-                  <TableCell>{r.rankingScore ?? 0}</TableCell>
-                  <TableCell>{r.highestScore ?? 0}</TableCell>
-                  <TableCell>{r.foodSecuredPoints ?? 0}</TableCell>
-                </TableRow>
-              ))}
-          </TableBody>
-        </Table>
-      </TableContainer>
-    </Report>
+    <>
+      <div>
+        <Button onClick={downloadCSV}>Greg CSV</Button>
+      </div>
+      <Report name='Competing Teams'>
+        <TableContainer>
+          <Table size='small'>
+            <TableHead sx={{ backgroundColor: 'lightgrey' }}>
+              <TableRow>
+                <TableCell>Rank</TableCell>
+                <TableCell>Team</TableCell>
+                <TableCell>Played</TableCell>
+                <TableCell>Ranking Score</TableCell>
+                <TableCell>Highest Score</TableCell>
+                <TableCell>Food Secured Points</TableCell>
+              </TableRow>
+            </TableHead>
+            <TableBody>
+              {rankings
+                .sort((a, b) => a.rank - b.rank)
+                .map((r) => (
+                  <TableRow
+                    key={`${r.eventKey}-${r.tournamentKey}-${r.teamKey}`}
+                  >
+                    <TableCell>{r.rank}</TableCell>
+                    <TableCell>{identifiers[r.teamKey]}</TableCell>
+                    <TableCell>{r.played}</TableCell>
+                    <TableCell>{r.rankingScore ?? 0}</TableCell>
+                    <TableCell>{r.highestScore ?? 0}</TableCell>
+                    <TableCell>{r.foodSecuredPoints ?? 0}</TableCell>
+                  </TableRow>
+                ))}
+            </TableBody>
+          </Table>
+        </TableContainer>
+      </Report>
+    </>
   );
 };