fix

Author: Tishasoumya-02

frontend/packages/kitconcept-core/news/dragdropfixes.bugfix

@@ -0,0 +1 @@
+Fix maximum file size upload issue in drag and drop @Tishasoumya-02

frontend/packages/kitconcept-core/src/components/Contents/DropZoneContent.jsx

@@ -38,10 +38,22 @@ const messages = defineMessages({
     id: 'Files uploaded: {uploadedFiles}',
     defaultMessage: 'Files uploaded: {uploadedFiles}',
   },
+  dropFiles: {
+    id: 'Drop files here to upload',
+    defaultMessage: 'Drop files here to upload',
+  },
+  releaseToAdd: {
+    id: 'Release to add file(s) to this folder',
+    defaultMessage: 'Release to add file(s) to this folder',
+  },
   totalFilesToUpload: {
     id: 'Total files to upload: {totalFiles}',
     defaultMessage: 'Total files to upload: {totalFiles}',
   },
+  uploadFiles: {
+    id: 'Upload Files ({count})',
+    defaultMessage: 'Upload Files ({count})',
+  },
 });
 
 const DropZoneContent = (props) => {
@@ -101,8 +113,8 @@ const DropZoneContent = (props) => {
         validFiles.push(newFiles[i]);
       }
     }
-    setDroppedFiles(droppedFiles.concat(validFiles));
-    setTotalFiles(validFiles.length);
+    setDroppedFiles((prev) => prev.concat(validFiles));
+    setTotalFiles((prev) => prev + validFiles.length);
     setShowModal(true);
   };
 
@@ -176,18 +188,22 @@ const DropZoneContent = (props) => {
           <div className="dropzone-overlay">
             <div className="dropzone-content">
               <Icon name={uploadSVG} size="48px" />
-              <h3>Drop files here to upload</h3>
-              <p>Release to add file(s) to this folder</p>
+              <h3>{intl.formatMessage(messages.dropFiles)}</h3>
+              <p>{intl.formatMessage(messages.releaseToAdd)}</p>
             </div>
           </div>
         )}
       </div>
       <Modal
-        open={showModal}
+        open={totalFiles > 0 && showModal}
         onClose={handleCloseModal}
         className="contents-upload-modal"
       >
-        <Modal.Header>Upload Files ({droppedFiles.length})</Modal.Header>
+        <Modal.Header>
+          {intl.formatMessage(messages.uploadFiles, {
+            count: droppedFiles.length,
+          })}
+        </Modal.Header>
         <Dimmer active={request.loading}>
           <div className="progress-container">
             <Progress