feat: add loading notifcation and waitTime promise to exportRecords

Author: david-roper

apps/web/src/routes/_app/datahub/index.tsx

@@ -17,6 +17,7 @@ import { PageHeader } from '@/components/PageHeader';
 import { subjectsQueryOptions, useSubjectsQuery } from '@/hooks/useSubjectsQuery';
 import { useAppStore } from '@/store';
 import { downloadExcel } from '@/utils/excel';
+import { promise } from 'zod';
 
 type MasterDataTableProps = {
   data: Subject[];
@@ -60,6 +61,17 @@ const Toggles: React.FC<{ table: TanstackTable.Table<Subject> }> = ({ table }) =
 
   const handleExportSelection = (option: 'CSV' | 'Excel' | 'JSON') => {
     const baseFilename = `${currentUser!.username}_${new Date().toISOString()}`;
+    addNotification({
+      message: t({
+        en: 'Exporting entries, please wait...',
+        fr: 'Téléchargement des entrées, veuillez patienter...'
+      }),
+      type: 'info'
+    });
+    const waitTime = new Promise((resolve) => {
+      setTimeout(resolve, 350);
+    });
+
     getExportRecords()
       .then((data): any => {
         const listedSubjects = table
@@ -74,14 +86,6 @@ const Toggles: React.FC<{ table: TanstackTable.Table<Subject> }> = ({ table }) =
           );
         }
 
-        addNotification({
-          message: t({
-            en: 'Exporting entries, please wait...',
-            fr: 'Téléchargement des entrées, veuillez patienter...'
-          }),
-          type: 'info'
-        });
-
         switch (option) {
           case 'CSV':
             void download('README.txt', t('datahub.index.table.exportHelpText'));
@@ -93,6 +97,9 @@ const Toggles: React.FC<{ table: TanstackTable.Table<Subject> }> = ({ table }) =
             return download(`${baseFilename}.json`, JSON.stringify(filteredData, null, 2));
         }
       })
+      .then(() => {
+        return waitTime;
+      })
       .then(() => {
         addNotification({
           message: t({ en: 'Export successful', fr: 'Exportation réussie' }),