feat: added export as csv service

pages/admin/index.tsx

@@ -18,7 +18,7 @@ import { EventCard } from "@/components/admin";
 import useDevice from "@/hooks/device";
 import styles from "@/styles/pages/admin/Dashboard.module.scss";
 import { fetchGlobalStats } from "@/utils/api/stats";
-import { exportAsJSON } from "@/services/files";
+import { exportAsCSV } from "@/services/files";
 
 const classes = stylesConfig(styles, "admin-dashboard");
 
@@ -278,10 +278,13 @@ const AdminDashboard: React.FC = () => {
 							<Button
 								variant="outline"
 								onClick={() => {
-									exportAsJSON(
+									exportAsCSV(
 										globalStats.map((stat) => ({
 											name: stat.event.name,
-											teamSize: stat.event.teamSize,
+											teamSize:
+												stat.event.teamSize === 1
+													? "Solo Event"
+													: stat.event.teamSize,
 											participants: stat.participants,
 											teams: stat.teams,
 										})),
@@ -290,7 +293,7 @@ const AdminDashboard: React.FC = () => {
 								}}
 								size="medium"
 							>
-								Download as JSON
+								Download as CSV
 							</Button>
 						</div>
 						{gettingStats ? (

services/files.ts

@@ -51,3 +51,20 @@ export const exportAsJSON = (data: any, name: string) => {
 	const json = JSON.stringify(data, null, 2);
 	saveFile(json, name, "json");
 };
+
+export const jsonToCsv = (json: any[]) => {
+	const replacer = (_: any, value: any) => (value === null ? "" : value);
+	const header = Object.keys(json[0]);
+	let csv = json.map((row: any) =>
+		header
+			.map((fieldName) => JSON.stringify(row[fieldName], replacer))
+			.join(",")
+	);
+	csv.unshift(header.join(","));
+	return csv.join("\r\n");
+};
+
+export const exportAsCSV = (data: any[], name: string) => {
+	const csv = jsonToCsv(data);
+	saveFile(csv, name, "csv");
+};