USER STORY: Create task without image

[blahosyl]

As a User,

I want to create task without an image,

so that I can focus on the task description instead

Acceptance Criteria

1. The TaskCreateForm accepts inputs without an image file
2. The API does not add a placeholder image to the Task object
3. Tasks without images are shown without a placeholder

Tasks

The TaskCreateForm accepts inputs without an image file

• allow FE validation to upload a new task without an image:
  image && formData.append("image", imageInput.current.files[0]);

The API does not add a placeholder image to the Task object

• remove default image from API Task model image field & allow null as a value
• change task serializer in API to only validate the image field if there is an input

Tasks without images are shown without a placeholder

• change Task.js in FE to only show the image field if there is an image

[blahosyl]

Tried and failed

• Workaround suggested by tutor Rebecca did not lead to success, as it is about changing the value of an empty field, not allowing an empty field. It also doe not deal with file upload.
• add null=True to the Post model in the API (DRF walkthough repo)
• in FE, add conditional: to handleChange():

  image !== ""
      ? formData.append("image", imageInput.current.files[0])
      : formData.append("image", "")
  

• tried the above with
  • image != ""
  • image
  • formData.append("image", null)

Progress

• deleting formData.append("image", "") altogether creates a post with a placeholder image, proving that the validation is in the FE.

Success

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

[blahosyl]

API commits:

• remove default image from API Task model image field & allow null as a value
• change task serializer in API to only validate the image field if there is an input