feat(actions): Export validated datasets in CSV, see #55

dataesr · Jan 18, 2024 · 6415693 · 6415693
1 parent f261578
commit 6415693
Show file tree

Hide file tree

Showing 3 changed files with 41 additions and 2 deletions.
diff --git a/client/src/pages/actions.jsx b/client/src/pages/actions.jsx
@@ -5,11 +5,12 @@ import { useSearchParams } from 'react-router-dom';
 import { Tooltip } from 'react-tooltip';
 
 import Button from '../components/button';
-import { export2FosmCsv, export2json, importJson } from '../utils/file';
+import { export2Csv, export2FosmCsv, export2json, importJson } from '../utils/file';
 import { status } from '../config';
 
 export default function Actions({
   allAffiliations,
+  allDatasets,
   allPublications,
   options,
   setAllAffiliations,
@@ -49,6 +50,18 @@ export default function Actions({
           <Tooltip id="restore-affiliations-button">
             Restore affiliations from saved file
           </Tooltip>
+          <Button
+            data-tooltip-id="export-datasets-button"
+            disabled={!allDatasets.length}
+            icon="ri-save-line"
+            onClick={() => export2Csv(allDatasets)}
+            size="sm"
+          >
+            Export datasets
+          </Button>
+          <Tooltip id="export-datasets-button" hidden={!allPublications.length}>
+            Export the validated datasets in CSV
+          </Tooltip>
           <Button
             data-tooltip-id="export-fosm-button"
             disabled={!allPublications.length}
@@ -59,7 +72,7 @@ export default function Actions({
             Export French OSM
           </Button>
           <Tooltip id="export-fosm-button" hidden={!allPublications.length}>
-            Export the selected publications in the format needed to build a local French OSM
+            Export the validated publications in the format needed to build a local French OSM
           </Tooltip>
         </Col>
       </Row>
@@ -87,6 +100,14 @@ Actions.propTypes = {
     works: PropTypes.arrayOf(PropTypes.string).isRequired,
     worksNumber: PropTypes.number.isRequired,
   })).isRequired,
+  allDatasets: PropTypes.arrayOf(PropTypes.shape({
+    affiliations: PropTypes.arrayOf(PropTypes.string).isRequired,
+    allIds: PropTypes.arrayOf(PropTypes.object).isRequired,
+    datasource: PropTypes.arrayOf(PropTypes.string).isRequired,
+    id: PropTypes.string.isRequired,
+    status: PropTypes.string.isRequired,
+    type: PropTypes.string.isRequired,
+  })).isRequired,
   allPublications: PropTypes.arrayOf(PropTypes.shape({
     affiliations: PropTypes.arrayOf(PropTypes.string).isRequired,
     allIds: PropTypes.arrayOf(PropTypes.object).isRequired,

diff --git a/client/src/pages/index.jsx b/client/src/pages/index.jsx
@@ -152,6 +152,7 @@ export default function Home() {
       <Container className="fr-mx-5w" as="section" fluid>
         <Actions
           allAffiliations={allAffiliations}
+          allDatasets={allDatasets}
           allPublications={allPublications}
           options={options}
           setAllAffiliations={setAllAffiliations}

diff --git a/client/src/utils/file.js b/client/src/utils/file.js
@@ -29,6 +29,22 @@ const export2FosmCsv = (allPublications) => {
   document.body.removeChild(link);
 };
 
+const export2Csv = (allWorks) => {
+  const validatedWorks = allWorks.filter((publication) => publication.status === status.validated.id);
+  const headers = Object.keys(validatedWorks?.[0] ?? {});
+  const csvFile = [
+    headers,
+    ...validatedWorks.map((item) => Object.values(item)),
+  ].map((e) => e.join(',')).join('\n');
+
+  const link = document.createElement('a');
+  link.href = URL.createObjectURL(new Blob([csvFile], { type: 'text/csv;charset=utf-8' }));
+  link.setAttribute('download', 'works-finder-datasets.csv');
+  document.body.appendChild(link);
+  link.click();
+  document.body.removeChild(link);
+};
+
 const export2json = (data) => {
   const link = document.createElement('a');
   link.href = URL.createObjectURL(new Blob([JSON.stringify(data, null, 2)], { type: 'application/json' }));
@@ -61,6 +77,7 @@ const importJson = (e, optionsInit, setAllAffiliations, setAllPublications, setS
 };
 
 export {
+  export2Csv,
   export2FosmCsv,
   export2json,
   importJson,