fix: Fix export events module(URL fetch logic) (#3294)

* Fix export events module(URL fetch logic)

* used async/await

Author: mrsaicharan1

app/components/events/view/export/download-zip.js

@@ -1,4 +1,23 @@
 import Component from '@ember/component';
+import { action } from '@ember/object';
 
-export default Component.extend({
-});
+export default class extends Component {
+  @action
+  async exportEventDownload(eventDownloadUrl) {
+    this.set('isLoading', true);
+    try {
+      const res = await this.loader.downloadFile(`${eventDownloadUrl}`);
+      const anchor = document.createElement('a');
+      anchor.style.display = 'none';
+      anchor.href = URL.createObjectURL(new Blob([res], { type: 'octet/stream' }));
+      anchor.download = 'EventExport.zip';
+      anchor.click();
+      this.notify.success(this.l10n.t('Exported Event Downloaded successfully.'));
+    } catch (e) {
+      console.error(e);
+      this.notify.error(this.l10n.t(e));
+    }
+    this.set('isLoading', false);
+  }
+
+}

app/templates/components/events/view/export/download-zip.hbs

@@ -25,7 +25,7 @@
     <button class="ui blue button" {{action startGeneration}}>
       {{t 'Start'}}
     </button>
-    <a href="{{eventDownloadUrl}}" class="ui button {{if isDownloadDisabled 'disabled' ''}}">
+    <a href="#" class="ui button {{if isDownloadDisabled 'disabled' ''}}" {{action exportEventDownload eventDownloadUrl }}>
       {{t 'Download'}}
     </a>
     <div class="hidden divider"></div>