From 88c7db93c57148d424aa2f0fcfd42c12e4205922 Mon Sep 17 00:00:00 2001 From: victor Date: Wed, 2 Oct 2024 16:29:09 +0530 Subject: [PATCH] fix video uploads and too many re-renders issue during upload progress in tus --- .../manage/Contents/ContentsUploadPage.jsx | 13 +++++++++---- 1 file changed, 9 insertions(+), 4 deletions(-) diff --git a/packages/volto/src/components/manage/Contents/ContentsUploadPage.jsx b/packages/volto/src/components/manage/Contents/ContentsUploadPage.jsx index 6e842ac570..7dd71b6163 100644 --- a/packages/volto/src/components/manage/Contents/ContentsUploadPage.jsx +++ b/packages/volto/src/components/manage/Contents/ContentsUploadPage.jsx @@ -116,6 +116,7 @@ function ContentsUploadPage() { const pendingUploads = useRef(0); const uploadPropsRef = useRef(); + const prevTime = useRef(Date.now()); const [open, setOpen] = useState(false); const [isClient, setIsClient] = useState(false); @@ -330,9 +331,6 @@ function ContentsUploadPage() { if (items[0]['file']['type'].startsWith('image')) { ctype = 'Image'; } - if (items[0]['file']['type'].startsWith('video')) { - ctype = 'Video'; - } return { options: { @@ -354,7 +352,14 @@ function ContentsUploadPage() { }); useItemProgressListener((item) => { - updateItems(item, 'progress'); + const MIN_TIME_ELAPSED = 300; + const currentTime = Date.now(); + const timeElapsed = currentTime - prevTime.current; + + if (timeElapsed >= MIN_TIME_ELAPSED) { + updateItems(item, 'progress'); + prevTime.current = currentTime; + } }); useItemErrorListener((item) => {