[Outreachy Task Submission] Error message persisting when submitting new post without image

[RWUBAKWANAYO]

Description:

When a user creates a new post with a survey that includes an option to add an image, an unpleasant error message appears ("Error: Error updating caption: Cannot read properties of undefined (reading 'value'))" if the user submits a post with an image caption but without actually uploading an image. Furthermore, if the user removes the caption, the error persists. This can be confusing for users who forget to add an image.

To Reproduce

1. Log in to the application.
2. Click on the "New Post" button in the sidebar.
3. Choose a survey that includes an image input option.
4. Fill in all required inputs, including the image caption, but do not upload an image.
5. Click on the submit button.
6. Clear the image caption input.
7. Submit the form again.

Expected Behavior:

• When a user fills in the image caption without uploading an image, a clear pop-up message should inform the user that an image is required.
• When a user decides not to upload an image and removes the caption, any persisted error should disappear.

Desktop Hardware Details

• Operating System: iOS
• Browser: Chrome
• Browser Version: 122

Additional context

screen-recording-2024-03-12-at-085509_hOws09PZ.mov

@Angamanga , could you kindly assist in adding the Outreachy Task Submission Label to this issue? I'm going to work on resolving it.