Merge pull request #222 from CBIIT/CRDCDH-612

CRDCDH-612 Submission upload allow txt files

src/components/DataSubmissions/DataSubmissionUpload.tsx

@@ -127,6 +127,7 @@ const DataSubmissionUpload = ({ submitterID, readOnly, onUpload }: Props) => {
   const uploadMetatadataInputRef = useRef<HTMLInputElement>(null);
   const isSubmissionOwner = submitterID === user?._id;
   const canUpload = UploadRoles.includes(user?.role) || isSubmissionOwner;
+  const acceptedExtensions = [".tsv", ".txt"];
 
   const [createBatch] = useMutation<CreateBatchResp>(CREATE_BATCH, {
     context: { clientName: 'backend' },
@@ -169,8 +170,8 @@ const DataSubmissionUpload = ({ submitterID, readOnly, onUpload }: Props) => {
       return;
     }
 
-    // Filter out any file that is not tsv
-    const filteredFiles = Array.from(files)?.filter((file: File) => file.name?.toLowerCase()?.endsWith(".tsv"));
+    // Filter out any file that is not an accepted file extension
+    const filteredFiles = Array.from(files)?.filter((file: File) => acceptedExtensions.some((ext) => file.name?.toLowerCase()?.endsWith(ext)));
     if (!filteredFiles?.length) {
       setSelectedFiles(null);
       return;
@@ -311,7 +312,7 @@ const DataSubmissionUpload = ({ submitterID, readOnly, onUpload }: Props) => {
         <VisuallyHiddenInput
           ref={uploadMetatadataInputRef}
           type="file"
-          accept="text/tab-separated-values"
+          accept={acceptedExtensions.toString()}
           onChange={handleChooseFiles}
           readOnly={readOnly}
           multiple