diff --git a/src/components/FormEditor.tsx b/src/components/FormEditor.tsx index 01c49d69..d06e8f49 100644 --- a/src/components/FormEditor.tsx +++ b/src/components/FormEditor.tsx @@ -28,6 +28,7 @@ interface FormEditorProps { message?: string; }; disableAttaches?: boolean; + uploadLink?: string; messages?: { attachmentsButton: string; @@ -268,6 +269,7 @@ export const FormEditor = React.forwardRef( onCancel, messages = {}, disableAttaches, + uploadLink, }, ref, ) => { @@ -279,7 +281,7 @@ export const FormEditor = React.forwardRef( const [viewValue, setViewValue] = useState(''); const [popupVisible, setPopupVisibility] = useState(false); const mounted = useMounted(); - const { loading, files, uploadFiles } = useUpload(); + const { loading, files, uploadFiles } = useUpload(uploadLink); // @ts-ignore const { getRootProps, getInputProps, isDragActive, open } = useDropzone({ onDrop: uploadFiles }); const formCtx = useContext(formContext); diff --git a/src/hooks/useUpload.tsx b/src/hooks/useUpload.tsx index c7bcb361..11d349dc 100644 --- a/src/hooks/useUpload.tsx +++ b/src/hooks/useUpload.tsx @@ -2,7 +2,7 @@ import { useState } from 'react'; import { formFieldName } from '../utils/upload'; -export const useUpload = () => { +export const useUpload = (uploadLink = '/api/upload') => { const [loading, setLoading] = useState(false); const [files, setFiles] = useState(); @@ -12,7 +12,7 @@ export const useUpload = () => { const body = new FormData(); Array.from(files).forEach((f) => body.append(formFieldName, f)); - const response = await fetch('/api/upload', { + const response = await fetch(uploadLink, { method: 'POST', body, });