From 235459e983c332d6c1d98b21cb7fef06d30f633e Mon Sep 17 00:00:00 2001
From: Ethan Lanting <ethanlanting@gmail.com>
Date: Fri, 18 Oct 2024 12:00:15 -0500
Subject: [PATCH 1/2] Add dynamic CSV download functionality for reports data

---
 components/ReportsSection.jsx | 80 +++++++++++++++++++++++++++++++++++
 1 file changed, 80 insertions(+)

diff --git a/components/ReportsSection.jsx b/components/ReportsSection.jsx
index 079c864..c7595bf 100644
--- a/components/ReportsSection.jsx
+++ b/components/ReportsSection.jsx
@@ -406,6 +406,75 @@ const ReportsSection = ({
 		setLoadedReports(sortedReports)
 	}
 
+	// Dynamically extract all unique keys from the JSON objects
+	const extractHeaders = (jsonArray) => {
+		const headersSet = new Set()
+
+		jsonArray.forEach((report) => {
+			Object.keys(report).forEach((key) => {
+				// Handles nested objects like 'createdDate'
+				if (typeof report[key] === 'object' && !Array.isArray(report[key])) {
+					Object.keys(report[key]).forEach((nestedKey) => {
+						headersSet.add(`${key}.${nestedKey}`)
+					})
+				} else {
+					headersSet.add(key)
+				}
+			})
+		})
+
+		return Array.from(headersSet)
+	}
+
+	// Convert JSON array to CSV
+	const convertToCSV = (jsonArray) => {
+		const headers = extractHeaders(jsonArray)
+
+		const csvRows = []
+
+		// Add headers row
+		csvRows.push(headers.join(','))
+
+		// Loop through each report and convert to CSV row
+		jsonArray.forEach((report) => {
+			const row = headers.map((header) => {
+				const keys = header.split('.')
+				let value = report
+				keys.forEach((key) => {
+					value = value[key] !== undefined ? value[key] : ''
+				})
+
+				// Handle commas and newlines in CSV fields
+				if (typeof value === 'string') {
+					value = value.replace(/"/g, '""')
+					if (value.includes(',') || value.includes('\n')) {
+						value = `"${value}"`
+					}
+				}
+
+				return value
+			})
+			csvRows.push(row.join(','))
+		})
+
+		return csvRows.join('\n')
+	}
+
+	// Trigger download of CSV file
+	const downloadCSV = () => {
+		const csvData = convertToCSV(reports)
+		const blob = new Blob([csvData], { type: 'text/csv;charset=utf-8;' })
+		const url = URL.createObjectURL(blob)
+
+		// Create a link and trigger the download
+		const link = document.createElement('a')
+		link.href = url
+		link.setAttribute('download', 'reports.csv')
+		document.body.appendChild(link)
+		link.click()
+		document.body.removeChild(link)
+	}
+
 	useEffect(() => {
 		if (isAgency && user.email) {
 			firebaseHelper.fetchAgencyByUserEmail(user.email, (response) => {
@@ -606,6 +675,17 @@ const ReportsSection = ({
 						<Typography variant="h5" color="blue">
 							List of Reports
 						</Typography>
+						{!isAgency && (
+							<Tooltip content="Export Reports">
+								<Button
+									onClick={downloadCSV}
+									className="flex items-center gap-2">
+									<IoAdd className="mr-1" size={15} />
+									Export Reports
+								</Button>
+							</Tooltip>
+						)}
+
 						<Tooltip content="New Report">
 							<Button
 								onClick={(e) => handleNewReportClick(e)}

From 48c7dc60f2f542f2ba244d8af86967b490b21ea0 Mon Sep 17 00:00:00 2001
From: Ethan Lanting <ethanlanting@gmail.com>
Date: Mon, 21 Oct 2024 15:47:21 -0500
Subject: [PATCH 2/2] refactor: convert createdDate seconds and nanoseconds to
 ISO 8601 date string in CSV

---
 components/ReportsSection.jsx | 58 +++++++++++++++++++++++++----------
 1 file changed, 42 insertions(+), 16 deletions(-)

diff --git a/components/ReportsSection.jsx b/components/ReportsSection.jsx
index c7595bf..4a4204a 100644
--- a/components/ReportsSection.jsx
+++ b/components/ReportsSection.jsx
@@ -412,18 +412,25 @@ const ReportsSection = ({
 
 		jsonArray.forEach((report) => {
 			Object.keys(report).forEach((key) => {
-				// Handles nested objects like 'createdDate'
+				// Handle nested objects like 'createdDate'
 				if (typeof report[key] === 'object' && !Array.isArray(report[key])) {
-					Object.keys(report[key]).forEach((nestedKey) => {
-						headersSet.add(`${key}.${nestedKey}`)
-					})
+					if (key !== 'createdDate') {
+						Object.keys(report[key]).forEach((nestedKey) => {
+							headersSet.add(`${key}.${nestedKey}`)
+						})
+					}
 				} else {
 					headersSet.add(key)
 				}
 			})
 		})
 
-		return Array.from(headersSet)
+		// Replace createdDate.seconds with a combined createdDate field
+		headersSet.add('createdDate')
+		headersSet.delete('createdDate.seconds')
+		headersSet.delete('createdDate.nanoseconds')
+
+		return Array.from(headersSet) // Convert Set to Array
 	}
 
 	// Convert JSON array to CSV
@@ -435,20 +442,39 @@ const ReportsSection = ({
 		// Add headers row
 		csvRows.push(headers.join(','))
 
+		// Function to convert `createdDate` to ISO 8601 format
+		const formatDateToISO = (createdDate) => {
+			if (createdDate && createdDate.seconds) {
+				const date = new Date(
+					createdDate.seconds * 1000 +
+						Math.floor(createdDate.nanoseconds / 1e6),
+				)
+				return date.toISOString()
+			}
+			return ''
+		}
+
 		// Loop through each report and convert to CSV row
 		jsonArray.forEach((report) => {
 			const row = headers.map((header) => {
-				const keys = header.split('.')
-				let value = report
-				keys.forEach((key) => {
-					value = value[key] !== undefined ? value[key] : ''
-				})
-
-				// Handle commas and newlines in CSV fields
-				if (typeof value === 'string') {
-					value = value.replace(/"/g, '""')
-					if (value.includes(',') || value.includes('\n')) {
-						value = `"${value}"`
+				let value
+
+				// Special case for the `createdDate`
+				if (header === 'createdDate') {
+					value = formatDateToISO(report.createdDate)
+				} else {
+					const keys = header.split('.')
+					value = report
+					keys.forEach((key) => {
+						value = value[key] !== undefined ? value[key] : '' // Safely access nested values
+					})
+
+					// Handle commas and newlines in CSV fields
+					if (typeof value === 'string') {
+						value = value.replace(/"/g, '""') // Escape double quotes
+						if (value.includes(',') || value.includes('\n')) {
+							value = `"${value}"` // Wrap in double quotes if necessary
+						}
 					}
 				}