Image editor: make compressor work after the image editor, too (#4918)

* Editor.tsx - clean up post typescriptofication * dev - finally add favicons to avoid errors in the console * ImageEditor.tsx - reinsert filename after image editor
transloadit · Feb 14, 2024 · 3c0140a · 3c0140a
1 parent d85caf6
commit 3c0140a
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 3 deletions.
diff --git a/packages/@uppy/image-editor/src/Editor.tsx b/packages/@uppy/image-editor/src/Editor.tsx
@@ -81,7 +81,7 @@ export default class Editor<M extends Meta, B extends Body> extends Component<
         prevCropboxData,
       )
       if (newCropboxData) this.cropper.setCropBoxData(newCropboxData)
-      // When we stretch the cropbox by one of its sides
+      // 2. When we stretch the cropbox by one of its sides
     } else {
       const newCropboxData = limitCropboxMovementOnResize(
         canvasData,
@@ -120,7 +120,7 @@ export default class Editor<M extends Meta, B extends Body> extends Component<
   }
 
   onRotateGranular = (ev: ChangeEvent<HTMLInputElement>): void => {
-    //  1. Set state
+    // 1. Set state
     const newGranularAngle = Number(ev.target.value)
     this.setState({ angleGranular: newGranularAngle })
 

diff --git a/packages/@uppy/image-editor/src/ImageEditor.tsx b/packages/@uppy/image-editor/src/ImageEditor.tsx
@@ -156,7 +156,8 @@ export default class ImageEditor<
       const { currentImage } = this.getPluginState()
 
       this.uppy.setFileState(currentImage!.id, {
-        data: blob!,
+        // Reinserting image's name and type, because .toBlob loses both.
+        data: new File([blob!], currentImage!.name, { type: blob!.type }),
         size: blob!.size,
         preview: undefined,
       })

diff --git a/private/dev/dragdrop.html b/private/dev/dragdrop.html
@@ -4,6 +4,7 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>Drag-Drop</title>
+    <link rel="icon" type="image/png" href="https://uppy.io/img/logo.svg" />
   </head>
   <body>
     <style>

diff --git a/private/dev/index.html b/private/dev/index.html
@@ -4,6 +4,7 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>Dashboard</title>
+    <link rel="icon" type="image/png" href="https://uppy.io/img/logo.svg" />
     <style>
       main {
         padding-top: 100px;