Merge branch 'Code-A2Z:master' into enhancement/sanitize-html-57

Author: 100NikhilBro

frontend/src/App.jsx

@@ -5,7 +5,7 @@ import LoginPage from './pages/LoginPage';
 import RegisterPage from './pages/RegisterPage';
 import SetupPage from './pages/SetupPage';
 import DashboardPage from './pages/DashboardPage';
-import { TransactionsPage } from './pages/TransactionsPage';
+import TransactionsPage from './pages/TransactionsPage';
 import ReceiptsPage from './pages/ReceiptsPage';
 import WelcomePage from './pages/WelcomePage';
 import SettingsPage from './pages/SettingsPage';

frontend/src/pages/TransactionPage.test.jsx

@@ -1,6 +1,6 @@
 import { describe, it, vi, expect, beforeEach, afterEach } from "vitest";
 import api from "../api/axios";
-import {handleExportCSV} from "./TransactionsPage";
+import { handleExportCSV } from "../utils/transactions";
 
 
 describe("handleExportCSV", () => {

frontend/src/pages/TransactionsPage.jsx

@@ -7,26 +7,7 @@ import ManageCategoriesModal from '../components/ManageCategoriesModal';
 import Spinner from '../components/Spinner';
 import useCurrency from '../hooks/useCurrency';
 import EmptyState from '../components/EmptyState';
-
-const handleExportCSV = async () => {
-  try {
-    const res = await api.get('/transactions/export', {
-      responseType: 'blob',
-    });
-    const blob = new Blob([res.data], { type: 'text/csv' });
-    const url = window.URL.createObjectURL(blob);
-    const a = document.createElement('a');
-    a.href = url;
-    a.download = 'paisable_transactions.csv';
-    document.body.appendChild(a);
-    a.click();
-    a.remove();
-    window.URL.revokeObjectURL(url);
-  } catch (error) {
-    console.error("Failed to export CSV", error);
-    alert("Failed to export CSV. Please try again.");
-  }
-};
+import { handleExportCSV } from '../utils/transactions';
 
 const TransactionsPage = () => {
   const [transactions, setTransactions] = useState([]);
@@ -490,5 +471,4 @@ const TransactionsPage = () => {
   );
 };
 
-// eslint-disable-next-line react-refresh/only-export-components
-export { TransactionsPage, handleExportCSV };
+export default TransactionsPage;

frontend/src/utils/transactions.js

@@ -0,0 +1,25 @@
+import api from '../api/axios';
+
+/**
+ * Exports all transactions to a CSV file
+ * Downloads the file automatically to the user's device
+ */
+export const handleExportCSV = async () => {
+  try {
+    const res = await api.get('/transactions/export', {
+      responseType: 'blob', // Important for file download
+    });
+    const blob = new Blob([res.data], { type: 'text/csv' });
+    const url = window.URL.createObjectURL(blob);
+    const a = document.createElement('a');
+    a.href = url;
+    a.download = 'paisable_transactions.csv';
+    document.body.appendChild(a);
+    a.click();
+    a.remove();
+    window.URL.revokeObjectURL(url);
+  } catch (error) {
+    console.error("Failed to export CSV", error);
+    alert("Failed to export CSV. Please try again.");
+  }
+};