[REF]: Improved code in advanced dropzone example for testing upload

src/components/demo-components/dropzone-demo/AdvancedDropzoneDemo.jsx

@@ -60,11 +60,21 @@ export default function AdvancedDropzoneDemo() {
     setExtFiles(
       extFiles.map((ef) => {
         if (ef.id === id) {
-          return { ...ef, uploadStatus: undefined };
+          return { ...ef, uploadStatus: "aborted" };
         } else return { ...ef };
       })
     );
   };
+  const handleCancel= (id) => {
+    // alert(id);
+     setExtFiles(
+       extFiles.map((ef) => {
+         if (ef.id === id) {
+           return { ...ef, uploadStatus: undefined };
+         } else return { ...ef };
+       })
+     );
+   };
   return (
     <>
       <Dropzone
@@ -107,6 +117,7 @@ export default function AdvancedDropzoneDemo() {
               onSee={handleSee}
               onWatch={handleWatch}
               onAbort={handleAbort}
+              onCancel={handleCancel}
               resultOnTooltip
               alwaysActive
               preview

src/components/demo-components/main-page/DropzoneMainPage.jsx

@@ -17,7 +17,7 @@ const DropzoneMainPage = ({ darkMode = false }) => {
   const [files, setFiles] = React.useState(baseFiles);
   const updateFiles = (incommingFiles) => {
     //do something with the files
-    console.log("MainPage incommingFiles",incommingFiles);
+    console.log("MainPage incommingFiles", incommingFiles);
 
     setFiles(incommingFiles);
     //even your own upload implementation
@@ -41,11 +41,12 @@ const DropzoneMainPage = ({ darkMode = false }) => {
         // minHeight="400px"
         onChange={updateFiles}
         value={files}
-        maxFileSize={28*1024}
+        maxFileSize={28 * 1024 * 10}
         maxFiles={5}
         accept=".jpg, .png, application/json, video/*"
         fakeUpload
         behaviour="add"
+        uploadConfig={{ autoUpload: true , url:"fdbd"}}
         //uploadConfig={{ autoUpload: true, url:"fdbd" }}
       >
         {files.length > 0 &&