add Accept to Uploader

ZdruzenieSTROM · Nov 10, 2023 · 4370bf1 · 4370bf1
1 parent cd379f9
commit 4370bf1
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 4 deletions.
diff --git a/src/components/PublicationUploader/PublicationUploader.tsx b/src/components/PublicationUploader/PublicationUploader.tsx
@@ -1,19 +1,23 @@
 import {Upload} from '@mui/icons-material'
 import axios from 'axios'
 import {FC, useCallback} from 'react'
-import {DropzoneOptions, useDropzone} from 'react-dropzone'
+import {Accept, DropzoneOptions, useDropzone} from 'react-dropzone'
 
 interface PublicationUploaderProps {
   uploadLink: string
+  acceptedFormats?: Accept
   publication_type: string
   event: string
   order: string
   refetch: () => void
 }
 
-export const PublicationUploader: FC<PublicationUploaderProps> = ({uploadLink, publication_type, event, order, refetch}) => {
+export const PublicationUploader: FC<PublicationUploaderProps> = ({uploadLink, acceptedFormats, publication_type, event, order, refetch}) => {
   const onDrop = useCallback<NonNullable<DropzoneOptions['onDrop']>>(
-    async (acceptedFiles) => {
+    async (acceptedFiles, fileRejections) => {
+      if (fileRejections.length > 0) {
+        return
+      }
       const formData = new FormData()
       formData.append('file', acceptedFiles[0])
       formData.append('publication_type', publication_type)
@@ -26,7 +30,11 @@ export const PublicationUploader: FC<PublicationUploaderProps> = ({uploadLink, p
     [refetch, uploadLink],
   )
 
-  const {getRootProps, getInputProps} = useDropzone({onDrop})
+  const {getRootProps, getInputProps} = useDropzone({
+    onDrop,
+    multiple: false,
+    accept: acceptedFormats ?? {},
+  })
 
   return (
     <>

diff --git a/src/components/SemesterAdministration/SemesterAdministration.tsx b/src/components/SemesterAdministration/SemesterAdministration.tsx
@@ -130,6 +130,9 @@ export const SemesterAdministration: FC = () => {
       1. časopis:
       <PublicationUploader
         uploadLink={'/api/competition/publication/upload/'}
+        acceptedFormats={{
+          'application/pdf': ['.pdf'],
+        }}
         publication_type={'Časopisy'}
         event={`${semesterId}`}
         order={'1'}
@@ -138,6 +141,9 @@ export const SemesterAdministration: FC = () => {
       2. časopis:
       <PublicationUploader
         uploadLink={'/api/competition/publication/upload/'}
+        acceptedFormats={{
+          'application/pdf': ['.pdf'],
+        }}
         publication_type={'Časopisy'}
         event={`${semesterId}`}
         order={'2'}
@@ -146,6 +152,9 @@ export const SemesterAdministration: FC = () => {
       3. časopis:
       <PublicationUploader
         uploadLink={'/api/competition/publication/upload/'}
+        acceptedFormats={{
+          'application/pdf': ['.pdf'],
+        }}
         publication_type={'Časopisy'}
         event={`${semesterId}`}
         order={'3'}