From 23a8b03f242e4ab9564383f85a67a4b6ee8ffea2 Mon Sep 17 00:00:00 2001
From: Florent Beauchamp <flo850@free.fr>
Date: Thu, 21 Apr 2022 15:27:38 +0200
Subject: [PATCH] feat: add file type filter in drop zone

---
 packages/xo-web/src/common/dropzone/index.js    | 4 +++-
 packages/xo-web/src/xo-app/disk-import/index.js | 6 +++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/packages/xo-web/src/common/dropzone/index.js b/packages/xo-web/src/common/dropzone/index.js
index 392f6dd7fd3..887927bb0b9 100644
--- a/packages/xo-web/src/common/dropzone/index.js
+++ b/packages/xo-web/src/common/dropzone/index.js
@@ -10,10 +10,11 @@ export default class Dropzone extends Component {
     onDrop: PropTypes.func,
     message: PropTypes.node,
     multiple: PropTypes.bool,
+    accept: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),
   }
 
   render() {
-    const { onDrop, message, multiple } = this.props
+    const { onDrop, message, multiple, accept } = this.props
 
     return (
       <ReactDropzone
@@ -21,6 +22,7 @@ export default class Dropzone extends Component {
         className={styles.dropzone}
         multiple={multiple}
         onDrop={onDrop}
+        accept={accept}
       >
         <div className={styles.dropzoneText}>{message}</div>
       </ReactDropzone>
diff --git a/packages/xo-web/src/xo-app/disk-import/index.js b/packages/xo-web/src/xo-app/disk-import/index.js
index a38b96d162a..1512d8f7305 100644
--- a/packages/xo-web/src/xo-app/disk-import/index.js
+++ b/packages/xo-web/src/xo-app/disk-import/index.js
@@ -114,7 +114,11 @@ const DiskImport = decorate([
         </Row>
         {sr !== undefined && (
           <div>
-            <Dropzone onDrop={effects.handleDrop} message={_('dropDisksFiles')} />
+            <Dropzone
+              onDrop={effects.handleDrop}
+              message={_('dropDisksFiles')}
+              accept={sr.content_type === 'iso' ? '.iso' : '.vhd,.vmdk'}
+            />
             {loadingDisks && <Icon icon='loading' />}
             {disks.length > 0 && (
               <div>