fix(fetch): handle in case some error happend in Fetch

aqueductcore/frontend/src/hooks/useUploadFile.test.ts

@@ -92,3 +92,18 @@ test('should handle failed file upload without error message', async () => {
  id: 'upload_catch',
  });
 });
+
+test('should handle fetch failure', async () => {
+ const mockError = new Error('Network Error');
+ (fetch as jest.Mock).mockRejectedValue(mockError);
+
+ const { result } = renderHook(() => useFileUpload('test-uuid'));
+
+ await act(async () => {
+ result.current.handleExperimentFileUpload(new File(['dummy content'], 'test.txt', { type: 'text/plain' }));
+ });
+
+ expect(toast.error).toHaveBeenCalledWith('Network Error', {
+ id: 'file_catch',
+ });
+});

aqueductcore/frontend/src/hooks/useUploadFile.ts

@@ -53,6 +53,12 @@ function useFileUpload(experimentUuid: ExperimentDataType['uuid']) {
  });
  }
  })
+ // Somethings went wrong with the file
+ .catch((error) => {
+ toast.error(error.message ?? "Unable to upload file.", {
+ id: "file_catch",
+ });
+ });
  }
  return { handleExperimentFileUpload }
 }