diff --git a/client/src/components/_common/Form/FileInputDropZone.jsx b/client/src/components/_common/Form/FileInputDropZone.jsx index 0defeee75..27f7946b4 100644 --- a/client/src/components/_common/Form/FileInputDropZone.jsx +++ b/client/src/components/_common/Form/FileInputDropZone.jsx @@ -1,5 +1,5 @@ /* FP-993: Allow use by DataFilesUploadModal */ -import React, { useState } from 'react'; +import React, { useEffect, useState } from 'react'; import { useDropzone } from 'react-dropzone'; import { Button, InlineMessage } from '_common'; import PropTypes from 'prop-types'; @@ -45,6 +45,13 @@ function FileInputDropZone({ } }; + const removeRejectedFile = (i) => { + const newRejectedFiles = rejectedFiles.filter( + (file) => file !== rejectedFiles[i] + ); + setRejectedFiles(newRejectedFiles); + }; + const showFileList = (files && files.length > 0) || rejectedFiles.length > 0; return ( @@ -74,6 +81,14 @@ function FileInputDropZone({ Exceeds File Size Limit + ))} {files &&