Merge pull request #226 from renganathc/feature/db-export-pipeline

feat (db-export): connect collection page to export pipeline

Author: yash-pouranik

apps/web-dashboard/src/components/Database/DatabaseHeader.jsx

@@ -1,15 +1,15 @@
 import React from 'react';
 import { 
   Menu, List as ListIcon, Table as TableIcon, Code, 
-  Filter, RefreshCw, Shield, Plus 
+  Filter, RefreshCw, Shield, Plus, Download
 } from 'lucide-react';
 import AiQueryBar from './AiQueryBar';
 
 const DatabaseHeader = ({ 
   project, activeCollection, dataLength, viewMode, setViewMode, 
   showFilterMenu, setShowFilterMenu, filtersCount, 
   onRefresh, onRlsClick, onAddRecord, onOpenSidebar,
-  showDeleted, setShowDeleted, onFiltersGenerated
+  showDeleted, setShowDeleted, onFiltersGenerated, onExport, isExporting
 }) => {
   return (
     <header className="db-header glass-panel" style={{ 
@@ -105,6 +105,16 @@ const DatabaseHeader = ({
           </button>
         )}
 
+        
+        {activeCollection?.name !== 'users' && (
+          <button onClick={onExport} disabled={isExporting} className="btn btn-secondary" style={{ padding: '6px 12px', height: '32px', gap: '6px', fontSize: '0.75rem' }}>
+            <Download size={14} /> Export
+          </button>
+      
+        )}
+
+        
+
         {activeCollection?.name !== 'users' && (
           <button onClick={onAddRecord} className="btn btn-primary" style={{ padding: '6px 12px', height: '32px', gap: '6px', fontSize: '0.75rem' }}>
             <Plus size={14} /> Add Record

apps/web-dashboard/src/pages/Database.jsx

@@ -170,6 +170,23 @@ export default function Database() {
       }));
   };
 
+  const [isExporting, setIsExporting] = useState(false);
+
+  const handleExportCollection = async () => {
+      if (!activeCollection || isExporting) return;
+      setIsExporting(true);
+      const toastId = toast.loading("Requesting export...");
+      try {
+          const res = await api.post(`/api/projects/${projectId}/collections/${activeCollection.name}/export`);
+          toast.success(res.data.message || "Export initiated! Check your email.", { id: toastId, duration: 6000 });
+      } catch (err) {
+          const errMsg = err.response?.data?.message || err.response?.data?.error || "Failed to export collection";
+          toast.error(errMsg, { id: toastId });
+      } finally {
+          setIsExporting(false);
+      }
+  };
+
   /**
    * Restores a soft-deleted record from the trash for the active collection.
    * @param {string} id - The ID of the record to recover.
@@ -253,6 +270,8 @@ export default function Database() {
                 }
                 setIsAddModalOpen(true);
               }}
+              onExport={handleExportCollection}
+              isExporting={isExporting}
               onOpenSidebar={() => setIsSidebarOpen(true)}
               showDeleted={showDeleted}
               setShowDeleted={setShowDeleted}