From 037f5dbe32c6cd4a32f942b57f76a27e3e628489 Mon Sep 17 00:00:00 2001
From: Jose Manuel Serrano Amaut <a20122128@pucp.pe>
Date: Thu, 2 Mar 2023 19:18:10 -0500
Subject: [PATCH] [REF]: Improved code in advanced dropzone example for testing
upload
---
.../dropzone-demo/AdvancedDropzoneDemo.jsx | 13 ++++++++++++-
.../demo-components/main-page/DropzoneMainPage.jsx | 5 +++--
2 files changed, 15 insertions(+), 3 deletions(-)
diff --git a/src/components/demo-components/dropzone-demo/AdvancedDropzoneDemo.jsx b/src/components/demo-components/dropzone-demo/AdvancedDropzoneDemo.jsx
index 3ea4d20..f71d0c7 100644
--- a/src/components/demo-components/dropzone-demo/AdvancedDropzoneDemo.jsx
+++ b/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
diff --git a/src/components/demo-components/main-page/DropzoneMainPage.jsx b/src/components/demo-components/main-page/DropzoneMainPage.jsx
index c09a7cd..2ded2ed 100644
--- a/src/components/demo-components/main-page/DropzoneMainPage.jsx
+++ b/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 &&
--
GitLab