Remove loader when downloading the file (#144)

penpot · Jun 6, 2024 · 7868898 · 7868898
1 parent 02fa336
commit 7868898
Show file tree

Hide file tree

Showing 3 changed files with 4,595 additions and 4,518 deletions.
diff --git a/ui-src/context/useFigma.ts b/ui-src/context/useFigma.ts
@@ -79,8 +79,13 @@ export const useFigma = (): UseFigmaHook => {
         setDownloading(true);
 
         const file = await parse(pluginMessage.data);
+        const blob = await file.export();
+
+        download(blob, `${pluginMessage.data.name}.zip`);
+
+        setExporting(false);
+        setDownloading(false);
 
-        file.export();
         break;
       }
       case 'CUSTOM_FONTS': {
@@ -109,6 +114,16 @@ export const useFigma = (): UseFigmaHook => {
     }
   };
 
+  const download = (blob: Blob, name: string) => {
+    const url = window.URL.createObjectURL(blob);
+    const a = document.createElement('a');
+
+    a.href = url;
+    a.download = name;
+
+    a.click();
+  };
+
   const reload = () => {
     setLoading(true);
     postMessage('reload');