update the getCSV method to fix the column mismatch

policy-design-lab · Nov 22, 2024 · 7d89f68 · 7d89f68
1 parent a0735e9
commit 7d89f68
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/src/components/shared/getCSVData.tsx b/src/components/shared/getCSVData.tsx
@@ -2,14 +2,16 @@ const getCSVData = (headerGroups, data) => {
     if (!data || !data.length) {
         return [];
     }
+    const headers = headerGroups[0].headers;
     const csvData = [
-        headerGroups[0].headers.map((column) => column.render("Header")),
+        headers.map((column) => column.render("Header")),
         ...data.map((row) => {
             if (!row) {
                 return [];
             }
-            return Object.entries(row).map(([key, cell]) => {
-                return cell || "";
+            return headers.map((column) => {
+                const value = row[column.id] || "";
+                return value;
             });
         })
     ];

diff --git a/src/components/shared/titleii/TitleIIPracticeTable.tsx b/src/components/shared/titleii/TitleIIPracticeTable.tsx
@@ -400,7 +400,6 @@ function TitleIIPracticeTable({
 
     const resultData = React.useMemo(() => {
         if (!statePerformance[year]) return [];
-
         return statePerformance[year].map((stateData) => {
             const stateCode = stateCodes.find((obj) => obj.code === stateData.state);
             const stateName = stateCode ? stateCode.name : stateData.state;