[Dropzone] Consumer provided max file count, closes #32

Author: Jovert Lota Palonpon

resources/js/ui/Dropzone.js

@@ -262,6 +262,14 @@ function Dropzone(props) {
                         });
                     }
 
+                    // If the file count exceeds the maximum, set it as rejected.
+                    if (key + 1 > maxFiles) {
+                        return Object.assign(file, {
+                            status: 'rejected',
+                            message: 'It could not accept more files.',
+                        });
+                    }
+
                     return file;
                 }),
             );

resources/js/views/__backoffice/users/Forms/Avatar.js

@@ -105,8 +105,8 @@ class Avatar extends Component {
 
                 <Dropzone
                     initialFiles={files}
-                    maxFiles={2}
-                    maxFileSize={2}
+                    maxFiles={1}
+                    maxFileSize={5}
                     handleUpload={this.handleUpload}
                     handleFileRemoved={this.handleFileRemoved}
                 />