send stock order import as binary

ecematacli · Dec 3, 2021 · 704dc89 · 704dc89
1 parent e4b3b36
commit 704dc89
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 20 deletions.
diff --git a/src/pages/stockOrderUpload/components/fileUpload/FileUpload.tsx b/src/pages/stockOrderUpload/components/fileUpload/FileUpload.tsx
@@ -9,22 +9,15 @@ import { formatDate } from '../../../../common/utils'
 interface Props {
   setUploadedFileName: (fileName: string) => void
   uploadedFileName: string
-  setUploadedFile: (formData: FormData) => void
+  setUploadedFile: (file: File) => void
 }
 
-const FileUpload: React.FC<Props> = ({
-  setUploadedFileName,
-  setUploadedFile,
-  uploadedFileName,
-}) => {
+const FileUpload: React.FC<Props> = ({ setUploadedFileName, setUploadedFile, uploadedFileName }) => {
   const classes = styles({ uploadedFileName })
 
   const onDrop = useCallback(acceptedFiles => {
-    const formData = new FormData()
-    formData.append('file', acceptedFiles[0] as any)
-    formData.append('date', formatDate(new Date(), 'yyyy-M-dd'))
+    setUploadedFile(acceptedFiles[0])
     setUploadedFileName(acceptedFiles[0].name)
-    setUploadedFile(formData)
   }, [])
 
   const { getRootProps, getInputProps } = useDropzone({ onDrop })
@@ -38,11 +31,11 @@ const FileUpload: React.FC<Props> = ({
         </div>
       </div>
     ) : (
-        <Fragment>
-          <p className={classes.infoText}>Select a file or drag here!</p>
-          <input className={classes.dropInput} {...getInputProps()} />
-        </Fragment>
-      )
+      <Fragment>
+        <p className={classes.infoText}>Select a file or drag here!</p>
+        <input className={classes.dropInput} {...getInputProps()} />
+      </Fragment>
+    )
 
   return (
     <div className={classes.fileUploadDiv} {...getRootProps()}>

diff --git a/src/pages/stockOrderUpload/hooks/useStockOrders.ts b/src/pages/stockOrderUpload/hooks/useStockOrders.ts
@@ -1,6 +1,7 @@
 import { useState } from 'react'
 
 import api from '../../../api'
+import { formatDate } from '../../../common/utils'
 
 export interface UploadError {
   message: string
@@ -12,18 +13,18 @@ export interface UploadError {
 
 export default () => {
   const [uploadedFileName, setUploadedFileName] = useState('')
-  const [uploadedFileData, setUploadedFileData] = useState<FormData>(null)
+  const [uploadedFileData, setUploadedFileData] = useState<File>(null)
   const [isUploadSuccess, setIsUploadSuccess] = useState(false)
   const [uploadError, setUploadError] = useState<UploadError>(null)
 
   const handleUploadedFileName = (fileName: string) => setUploadedFileName(fileName)
 
-  const handleUploadedFile = (formData: FormData) => setUploadedFileData(formData)
+  const handleUploadedFile = (formData: File) => setUploadedFileData(formData)
 
-  const sendFile = async (file: FormData) => {
+  const sendFile = async (file: File) => {
     try {
-      await api.post('/stock-orders/import', file, {
-        headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
+      await api.post(`/stock-orders/import?date=${formatDate(new Date(), 'yyyy-M-dd')}`, file, {
+        headers: { 'Content-Type': 'text/csv' },
       })
       setUploadError(null)
       setIsUploadSuccess(true)