adding error handling for when exportAsfile might fail

Author: NiranjanaBinoy

ui/helpers/utils/export-utils.js

@@ -26,11 +26,15 @@ export async function exportAsFile(filename, data, contentType) {
     throw new Error(`Unsupported file type: ${contentType}`);
   }
 
-  if (supportsShowSaveFilePicker()) {
-    // Preferred method for downloads
-    await saveFileUsingFilePicker(filename, data, contentType);
-  } else {
-    saveFileUsingDataUri(filename, data, contentType);
+  try {
+    if (supportsShowSaveFilePicker()) {
+      // Preferred method for downloads
+      await saveFileUsingFilePicker(filename, data, contentType);
+    } else {
+      saveFileUsingDataUri(filename, data, contentType);
+    }
+  } catch (error) {
+    throw new Error('Failed to download state log.');
   }
 }
 /**

ui/pages/settings/advanced-tab/advanced-tab.component.js

@@ -134,15 +134,19 @@ export default class AdvancedTab extends PureComponent {
               type="secondary"
               large
               onClick={() => {
-                window.logStateString((err, result) => {
+                window.logStateString(async (err, result) => {
                   if (err) {
                     displayWarning(t('stateLogError'));
                   } else {
-                    exportAsFile(
-                      `${t('stateLogFileName')}.json`,
-                      result,
-                      ExportableContentType.JSON,
-                    );
+                    try {
+                      await exportAsFile(
+                        `${t('stateLogFileName')}.json`,
+                        result,
+                        ExportableContentType.JSON,
+                      );
+                    } catch (error) {
+                      displayWarning(error);
+                    }
                   }
                 });
               }}