feat: CSV download template

WBG-Coach · Jan 26, 2024 · 954767a · 954767a
1 parent 1a4c53e
commit 954767a
Show file tree

Hide file tree

Showing 8 changed files with 741 additions and 422 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -46,6 +46,8 @@
   },
   "devDependencies": {
     "@babel/core": "^7.21.0",
+    "@rollup/plugin-dsv": "^3.0.4",
+    "@types/file-saver": "^2.0.7",
     "@types/node": "^18.14.6",
     "@types/react": "^18.0.27",
     "@types/react-dom": "^18.0.10",

diff --git a/src/models/index.ts b/src/models/index.ts
diff --git a/src/models/school_import.csv b/src/models/school_import.csv
diff --git a/src/pages/Schools/SchoolImportModal/index.tsx b/src/pages/Schools/SchoolImportModal/index.tsx
@@ -65,6 +65,8 @@ const SchoolImportModal: React.FC<Props> = ({ isOpen, onClose }) => {
     setResponse(undefined);
   };
 
+  var csvBlob = new Blob(['emis_number,name,region,city,municipalities'], { type: 'text/csv;charset=utf-8' });
+
   return (
     <Modal isOpen={isOpen} onClose={onClose} scrollBehavior="inside" size="5xl">
       <ModalOverlay />
@@ -145,7 +147,7 @@ const SchoolImportModal: React.FC<Props> = ({ isOpen, onClose }) => {
             borderColor={'Primary.$200'}
             color={'Primary.$200'}
             mr={3}
-            onClick={() => saveAs(SchoolImportModal, 'School impor template')}
+            onClick={() => saveAs(csvBlob, 'School import template')}
           >
             Download template
           </Button>

diff --git a/tsconfig.json b/tsconfig.json
@@ -19,6 +19,6 @@
       "@/*": ["./src/*"]
     }
   },
-  "include": ["src"],
+  "include": ["src", "**/*.csv"],
   "references": [{ "path": "./tsconfig.node.json" }]
 }
diff --git a/vite.config.ts b/vite.config.ts
@@ -1,5 +1,6 @@
 import { defineConfig, loadEnv } from 'vite';
 import react from '@vitejs/plugin-react-swc';
+import dsv from '@rollup/plugin-dsv';
 import path from 'path';
 
 // https://vitejs.dev/config/
@@ -9,7 +10,7 @@ export default ({ mode }) => {
 
   return defineConfig({
     base: `/${process.env.VITE_COUNTRY}/admin/`,
-    plugins: [react()],
+    plugins: [react(), dsv()],
     resolve: {
       alias: [{ find: '@', replacement: path.resolve(__dirname, 'src') }],
     },

diff --git a/yarn.lock b/yarn.lock