improve GIF export in progress messages

Wicklets · Apr 15, 2020 · 21ee865 · 21ee865
1 parent f575a53
commit 21ee865
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/src/Editor/EditorCore.jsx b/src/Editor/EditorCore.jsx
@@ -942,10 +942,14 @@ class EditorCore extends Component {
     }
 
     let onFinish = (gifBlob) => {
+      saveAs(gifBlob, outputName + '.gif');
       this.updateToast(toastID, {
         type: 'success',
         text: "Successfully created .gif file." });
-      saveAs(gifBlob, outputName + '.gif');
+      this.setState({
+        renderStatusMessage: 'Finished exporting GIF.',
+        renderProgress: 100
+      });
     }
 
     GIFExport.createAnimatedGIFFromProject({

diff --git a/src/Editor/export/GIFExport.js b/src/Editor/export/GIFExport.js
@@ -22,7 +22,7 @@ class GIFExport {
     });
 
     gif.on('finished', (gif) => {
-      onProgress('Finished GIF export', 100);
+      onProgress('Saving GIF file (this may take a while)...', 99);
       onFinish(gif);
     });
 
@@ -31,6 +31,7 @@ class GIFExport {
         // Add frame to gif.
         gif.addFrame(image, {delay: 1000/project.framerate});
       });
+      onProgress('Rendering GIF file (this may take a while)...', 99);
       gif.render(); // Finalize gif render.
     }