Refactor CSV import API call in CSVImportDialog to use a structured request body. Increase JSON payload limit in index.js to support larger CSV imports.

client/src/components/CSVImportDialog.js

@@ -138,11 +138,14 @@ class CSVImportDialog extends Component {
     this.setState({ importing: true, error: null });
 
     try {
-      const response = await this.authService.apiCall('/data/import-csv-transactions', 'POST', {
-        transactions: csvData,
-        headers: headers,
-        filename: file.name,
-        batchId: `import_${Date.now()}_${file.name}`
+      const response = await this.authService.apiCall('/data/import-csv-transactions', {
+        method: 'POST',
+        body: JSON.stringify({
+          transactions: csvData,
+          headers: headers,
+          filename: file.name,
+          batchId: `import_${Date.now()}_${file.name}`
+        })
       });
 
       if (response && response.ok) {

src/index.js

@@ -14,7 +14,7 @@ const PORT = process.env.PORT || 5000;
 
 // Middleware
 app.use(cors());
-app.use(express.json());
+app.use(express.json({ limit: '10mb' })); // Increased limit for CSV imports
 
 // Routes
 app.use('/api/auth', authRoutes);