adding toast messages for excel export functions (#120)

bcgov · Mar 19, 2024 · b659f93 · b659f93
1 parent b2d44fb
commit b659f93
Show file tree

Hide file tree

Showing 3 changed files with 51 additions and 0 deletions.
diff --git a/src/dashboard/src/app/client/servers/page.tsx b/src/dashboard/src/app/client/servers/page.tsx
@@ -78,11 +78,19 @@ export default function Page() {
       }}
       showExport
       onExport={async (search) => {
+        const toastLoading = toast.loading("Generating Excel document...");
+
         try {
           await download({
             search: search ? search : undefined,
           });
+
+          toast.dismiss(toastLoading);
+          toast.success('Excel document has been downloaded successfully.');
+
         } catch (ex) {
+          toast.dismiss(toastLoading);
+
           const error = ex as Error;
           toast.error('Failed to download data. ' + error.message);
           console.error(error);

diff --git a/src/dashboard/src/app/hsb/servers/page.tsx b/src/dashboard/src/app/hsb/servers/page.tsx
@@ -78,11 +78,19 @@ export default function Page() {
       }}
       showExport
       onExport={async (search) => {
+        const toastLoading = toast.loading("Generating Excel document...");
+
         try {
           await download({
             search: search ? search : undefined,
           });
+
+          toast.dismiss(toastLoading);
+          toast.success('Excel document has been downloaded successfully.');
+
         } catch (ex) {
+          toast.dismiss(toastLoading);
+
           const error = ex as Error;
           toast.error('Failed to download data. ' + error.message);
           console.error(error);

diff --git a/src/dashboard/src/components/dashboard/Dashboard.tsx b/src/dashboard/src/components/dashboard/Dashboard.tsx
@@ -205,12 +205,19 @@ export const Dashboard = () => {
           }}
           showExport
           onExport={async () => {
+            const toastLoading = toast.loading("Generating Excel document...");
+
             try {
               await download({
                 tenantId: dashboardTenant?.id,
                 organizationId: dashboardOrganization?.id,
               });
+              toast.dismiss(toastLoading);
+              toast.success('Excel document has been downloaded successfully.');
+
             } catch (ex) {
+              toast.dismiss(toastLoading);
+
               const error = ex as Error;
               toast.error('Failed to download data. ' + error.message);
               console.error(error);
@@ -230,11 +237,18 @@ export const Dashboard = () => {
           loading={!isReadyOrganizations || !isReadyServerItems}
           showExport
           onExport={async () => {
+            const toastLoading = toast.loading("Generating Excel document...");
+
             try {
               await download({
                 tenantId: dashboardTenant?.id,
               });
+              toast.dismiss(toastLoading);
+              toast.success('Excel document has been downloaded successfully.');
+
             } catch (ex) {
+              toast.dismiss(toastLoading);
+
               const error = ex as Error;
               toast.error('Failed to download data. ' + error.message);
               console.error(error);
@@ -246,6 +260,8 @@ export const Dashboard = () => {
         large={!!dashboardOrganization || !!dashboardOperatingSystemItem || !!dashboardServerItem}
         showExport
         onExport={async (startDate, endDate) => {
+          const toastLoading = toast.loading("Generating Excel document...");
+
           try {
             await downloadHistory({
               tenantId: dashboardTenant?.id,
@@ -255,7 +271,12 @@ export const Dashboard = () => {
               startDate: startDate,
               endDate: endDate,
             });
+            toast.dismiss(toastLoading);
+            toast.success('Excel document has been downloaded successfully.');
+
           } catch (ex) {
+            toast.dismiss(toastLoading);
+
             const error = ex as Error;
             toast.error('Failed to download data. ' + error.message);
             console.error(error);
@@ -344,12 +365,19 @@ export const Dashboard = () => {
             }
           }}
           onExport={async (search) => {
+            const toastLoading = toast.loading("Generating Excel document...");
+
             try {
               await download({
                 tenantId: dashboardTenant?.id,
                 organizationName: search ? search : undefined,
               });
+              toast.dismiss(toastLoading);
+              toast.success('Excel document has been downloaded successfully.');
+
             } catch (ex) {
+              toast.dismiss(toastLoading);
+
               const error = ex as Error;
               toast.error('Failed to download data. ' + error.message);
               console.error(error);
@@ -375,14 +403,21 @@ export const Dashboard = () => {
           }}
           showExport
           onExport={async (search) => {
+            const toastLoading = toast.loading("Generating Excel document...");
+
             try {
               await download({
                 tenantId: dashboardTenant?.id,
                 organizationId: dashboardOrganization?.id,
                 operatingSystemItemId: dashboardOperatingSystemItem?.id,
                 search: search ? search : undefined,
               });
+              toast.dismiss(toastLoading);
+              toast.success('Excel document has been downloaded successfully.');
+
             } catch (ex) {
+              toast.dismiss(toastLoading);
+
               const error = ex as Error;
               toast.error('Failed to download data. ' + error.message);
               console.error(error);