From 66f37a9f775ba3d6ce94f454bc6df15e170612e5 Mon Sep 17 00:00:00 2001
From: automated-signal <37887102+automated-signal@users.noreply.github.com>
Date: Mon, 13 Dec 2021 09:30:23 -0800
Subject: [PATCH] Remove crop rect from media editor on export

Co-authored-by: Evan Hahn <69474926+EvanHahn-Signal@users.noreply.github.com>
---
 ts/components/MediaEditor.tsx | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/ts/components/MediaEditor.tsx b/ts/components/MediaEditor.tsx
index b8d39dd21..fa621bd6f 100644
--- a/ts/components/MediaEditor.tsx
+++ b/ts/components/MediaEditor.tsx
@@ -1143,17 +1143,25 @@ export const MediaEditor = ({
               let data: Uint8Array;
               try {
                 fabricCanvas.discardActiveObject();
+                fabricCanvas.remove(
+                  ...fabricCanvas
+                    .getObjects()
+                    .filter(obj => obj.excludeFromExport)
+                );
+
                 fabricCanvas.setDimensions({
                   width: imageState.width,
                   height: imageState.height,
                 });
                 fabricCanvas.setZoom(1);
                 const renderedCanvas = fabricCanvas.toCanvasElement();
+
                 fabricCanvas.setDimensions({
                   width: imageState.width * zoom,
                   height: imageState.height * zoom,
                 });
                 fabricCanvas.setZoom(zoom);
+
                 data = await canvasToBytes(renderedCanvas);
               } catch (err) {
                 onClose();