feat(FormEditor): custom link for files upload

taskany-inc · Aug 3, 2023 · 0372a5d · 0372a5d
1 parent 2af1874
commit 0372a5d
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git 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<HTMLDivElement, FormEditorProps>(
             onCancel,
             messages = {},
             disableAttaches,
+            uploadLink,
         },
         ref,
     ) => {
@@ -279,7 +281,7 @@ export const FormEditor = React.forwardRef<HTMLDivElement, FormEditorProps>(
         const [viewValue, setViewValue] = useState<string | undefined>('');
         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
@@ -2,7 +2,7 @@ import { useState } from 'react';
 
 import { formFieldName } from '../utils/upload';
 
-export const useUpload = () => {
+export const useUpload = (uploadLink?: string) => {
     const [loading, setLoading] = useState(false);
     const [files, setFiles] = useState<string[]>();
 
@@ -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 || '/api/upload', {
             method: 'POST',
             body,
         });