As a user
I want to upload an image in my entry
so that my entry can properly contain a reference image for me
Description
Left: No image selected.
Right: Image selected.
Acceptance Criteria
[x] Entry form must have an entry image selection field underneath the entry name
[x] Clicking entry image selection field inside Entry form must open up the conventional image file selection from the user's given device
[x] WHEN entry image selection field inside Entry form contains a selected image file, the entry image selection field must have a remove image button underneath
[x] remove image button inside Entry form must have the text ❌ Remove Image
[x] Clicking remove image button inside Entry form must empty the entry image selection field and hide the remove image button
[x] Clicking entry image selection field inside Entry form WHEN entry image selection field contains a selected image file, must open up the conventioanl image file selection from the user's given device, AND allow for the selected image file to be replaced with another
[x] Clicking the form submit button inside Entry form must upload the image
Tasks
[x] switch to main branch and perform a git pull in the terminal
[x] create the branch feature/us20/entry-form-image-upload and navigate into it
[x] update EntryForm component
[ ] (add image api page ?)
[ ] update entry.js api page
Notes to the strikethroughs: Given the time sensitive situation I didn't utilize an API and kept things simple.
Value Proposition
As a user I want to upload an image in my entry so that my entry can properly contain a reference image for me
Description
Acceptance Criteria
Entry form
must have anentry image selection
field underneath theentry name
entry image selection
field insideEntry form
must open up the conventional image file selection from the user's given deviceentry image selection
field insideEntry form
contains a selected image file, theentry image selection
field must have aremove image
button underneathremove image
button insideEntry form
must have the text❌ Remove Image
remove image
button insideEntry form
must empty theentry image selection
field and hide theremove image
buttonentry image selection
field insideEntry form
WHENentry image selection
field contains a selected image file, must open up the conventioanl image file selection from the user's given device, AND allow for the selected image file to be replaced with anotherEntry form
must upload the image Tasks
main
branch and perform agit pull
in the terminalfeature/us20/entry-form-image-upload
and navigate into itEntryForm
component(addimage
api page ?)updateentry.js
api pageNotes to the strikethroughs: Given the time sensitive situation I didn't utilize an API and kept things simple.
Previous US Next US