[BUG] Can't submit add post form without an image

[alexkisielewicz]

The issue exists on the 'Add Post' page in the form, specifically regarding image file uploads. When a user attempts to submit the form without selecting an image, an error is returned stating, 'The submitted data was not a file. Please check the encoding type on the form.'

Expected behavior:
The user should be able to submit the form even without an image. In this case, the backend should provide a placeholder image.

It was checked: The encoding type is correctly set in the Axios defaults.

[alexkisielewicz]

Upon investigation, I discovered that the issue in the code lies in PostCreateForm.js. Specifically, the problem arises from the following line:

formData.append("image", imageInput.current.files[0]);

The current files list is empty, yet it is still being appended to the formData.

The bug was resolved by conditionally appending the image to the formData only if the user selected an image. In this case, the file list is not empty and can be successfully appended to the formData.

Updated code snippet:

if (imageInput.current.files.length > 0) {
formData.append("image", imageInput.current.files[0]);
}