feat(myopencre): enable CSV download of all CREs

Author: PRAteek-singHWY

.python-version

@@ -1 +1 @@
-3.11
+3.11.9

application/frontend/src/pages/MyOpenCRE/MyOpenCRE.tsx

@@ -5,24 +5,40 @@ import { useEnvironment } from '../../hooks';
 
 export const MyOpenCRE = () => {
   const { apiUrl } = useEnvironment();
+  // console.log('API URL:', apiUrl);
 
-  const downloadTemplate = () => {
-    const headers = ['standard_name', 'standard_section', 'cre_id', 'notes'];
+  const downloadCreCsv = async () => {
+    try {
+      const baseUrl = apiUrl || window.location.origin;
 
-    const csvContent = headers.join(',') + '\n';
+      const backendUrl = baseUrl.includes('localhost') ? 'http://127.0.0.1:5000' : baseUrl;
 
-    const blob = new Blob([csvContent], {
-      type: 'text/csv;charset=utf-8;',
-    });
+      const response = await fetch(`${backendUrl}/cre_csv`, {
+        method: 'GET',
+        headers: {
+          Accept: 'text/csv',
+        },
+      });
 
-    const url = URL.createObjectURL(blob);
-    const link = document.createElement('a');
+      if (!response.ok) {
+        throw new Error(`HTTP error ${response.status}`);
+      }
 
-    link.href = url;
-    link.setAttribute('download', 'myopencre_mapping_template.csv');
-    document.body.appendChild(link);
-    link.click();
-    document.body.removeChild(link);
+      const blob = await response.blob();
+      const url = window.URL.createObjectURL(blob);
+
+      const link = document.createElement('a');
+      link.href = url;
+      link.download = 'opencre-cre-mapping.csv';
+      document.body.appendChild(link);
+      link.click();
+
+      document.body.removeChild(link);
+      window.URL.revokeObjectURL(url);
+    } catch (err) {
+      console.error('CSV download failed:', err);
+      alert('Failed to download CRE CSV');
+    }
   };
 
   return (
@@ -39,8 +55,10 @@ export const MyOpenCRE = () => {
         to CRE IDs.
       </p>
 
-      <Button primary onClick={downloadTemplate}>
-        Download Mapping Template (CSV)
+
+      <Button primary onClick={downloadCreCsv}>
+        Download CRE Catalogue (CSV)
+
       </Button>
     </Container>
   );

application/frontend/src/pages/Search/components/SearchBar.scss

@@ -23,8 +23,6 @@
     color: var(--muted-foreground);
     height: 1rem;
     width: 1rem;
-    pointer-events: none;
-    z-index: 1;
   }
   input {
     padding: 0.5rem 1rem 0.5rem 2.5rem;

application/frontend/www/bundle.js

@@ -48,7 +48,7 @@
     "sass-loader": "^11.0.1",
     "style-loader": "2.0.0",
     "ts-jest": "^26.5.5",
-    "webpack": "^5.92.1",
+    "webpack": "^5.103.0",
     "webpack-cli": "^4.4.0",
     "webpack-dev-server": "^3.11.2"
   },