Add image preview in Dropzone for SVG (#405)

baoagency · Apr 8, 2024 · a1e331d · a1e331d
1 parent b56fed7
commit a1e331d
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/app/assets/javascripts/polaris_view_components.js b/app/assets/javascripts/polaris_view_components.js
@@ -639,7 +639,7 @@ class Dropzone extends Controller {
     this.element.classList.toggle("Polaris-DropZone--hasError", show);
   }
   renderFile(file) {
-    const validImageTypes = [ "image/gif", "image/jpeg", "image/png" ];
+    const validImageTypes = [ "image/gif", "image/jpeg", "image/png", "image/svg+xml" ];
     const clone = this.itemTemplateTarget.content.cloneNode(true);
     const [icon, thumbnail, content, fileSize] = [ clone.querySelector('[data-target="icon"]'), clone.querySelector('[data-target="thumbnail"]'), clone.querySelector('[data-target="content"]'), clone.querySelector('[data-target="file-size"]') ];
     if (validImageTypes.includes(file.type)) {

diff --git a/app/assets/javascripts/polaris_view_components/dropzone_controller.js b/app/assets/javascripts/polaris_view_components/dropzone_controller.js
@@ -332,7 +332,7 @@ export default class extends Controller {
   }
 
   renderFile (file) {
-    const validImageTypes = ['image/gif', 'image/jpeg', 'image/png']
+    const validImageTypes = ['image/gif', 'image/jpeg', 'image/png', 'image/svg+xml']
     const clone = this.itemTemplateTarget.content.cloneNode(true)
     const [icon, thumbnail, content, fileSize] = [
       clone.querySelector('[data-target="icon"]'),