Merge pull request #1017 from nk-coding/bugfix/csv_import

fix csv upload: accept correct content type

Author: nk-coding

client/src/components/UploadFileButton.tsx

@@ -39,18 +39,14 @@ function UploadFileButton({
     async (file: File) => {
       setLoading(true);
 
-      if (!supportedFileTypes.includes(file.type)) {
-        return;
-      }
-
       const content: string = await file.text();
       const cb = onFileSelect(content, file);
 
       await Promise.resolve(cb);
 
       setLoading(false);
     },
-    [supportedFileTypes, onFileSelect]
+    [onFileSelect]
   );
 
   const handleFileUpload = useCallback(
@@ -77,7 +73,7 @@ function UploadFileButton({
     >
       <Box display='flex'>
         <input
-          accept='.csv'
+          accept={supportedFileTypes.join(',')}
           style={{ display: 'none' }}
           id='icon-button-file'
           type='file'

client/src/components/import-csv/components/ImportCSVFromFile.tsx

@@ -1,6 +1,5 @@
 import { Box, Grow, Typography } from '@material-ui/core';
 import { FileCheckOutline as FileSelectedIcon } from 'mdi-material-ui';
-import React from 'react';
 import OutlinedBox from '../../OutlinedBox';
 import UploadFileButton from '../../UploadFileButton';
 
@@ -18,7 +17,7 @@ function ImportCSVFromFile({ fileInfo, onFileInfoChanged }: ImportCSVFromFilePro
   return (
     <>
       <UploadFileButton
-        supportedFileTypes={['application/vnd.ms-excel']}
+        supportedFileTypes={['text/csv']}
         onFileSelect={(content: string, file: File) =>
           onFileInfoChanged({ content, fileName: file.name })
         }