fix: fix array file wrong UX that will make user feel that can add mo…

…re files step by step (#1601) Because - For multiple file upload the user need to select all the file at once instead of upload file one by one This commit - fix array file wrong UX that will make user feel that can add more files step by step
instill-ai · Nov 18, 2024 · 7c6b342 · 7c6b342
1 parent af3526b
commit 7c6b342
Show file tree

Hide file tree

Showing 4 changed files with 3 additions and 4 deletions.
diff --git a/...s/toolkit/src/lib/use-instill-form/components/trigger-request-form-fields/AudiosField.tsx b/...s/toolkit/src/lib/use-instill-form/components/trigger-request-form-fields/AudiosField.tsx
@@ -68,7 +68,7 @@ export const AudiosField = ({
                         binaries.push(binary);
                       }
                       field.onChange(binaries);
-                      setAudioFiles((prev) => [...prev, ...files]);
+                      setAudioFiles(() => files);
                     }
                   }}
                   disabled={disabled}

diff --git a/...es/toolkit/src/lib/use-instill-form/components/trigger-request-form-fields/FilesField.tsx b/...es/toolkit/src/lib/use-instill-form/components/trigger-request-form-fields/FilesField.tsx
@@ -72,7 +72,7 @@ export const FilesField = ({
                         binaries.push(binary);
                       }
                       field.onChange(binaries);
-                      setUploadedFiles((prev) => [...prev, ...files]);
+                      setUploadedFiles(() => files);
                     }
                   }}
                   disabled={disabled}

diff --git a/...s/toolkit/src/lib/use-instill-form/components/trigger-request-form-fields/ImagesField.tsx b/...s/toolkit/src/lib/use-instill-form/components/trigger-request-form-fields/ImagesField.tsx
@@ -114,7 +114,7 @@ export const ImagesField = ({
                         binaries.push(binary);
                       }
                       field.onChange(binaries);
-                      setImageFiles((prev) => [...prev, ...files]);
+                      setImageFiles(() => files);
                     }
                   }}
                   disabled={disabled}

diff --git a/...s/toolkit/src/lib/use-instill-form/components/trigger-request-form-fields/VideosField.tsx b/...s/toolkit/src/lib/use-instill-form/components/trigger-request-form-fields/VideosField.tsx
@@ -114,7 +114,6 @@ export const VideosField = ({
                         binaries.push(binary);
                       }
                       field.onChange(binaries);
-                      setVideoFiles((prev) => [...prev, ...files]);
                     }
                   }}
                   disabled={disabled}