WHEN the page loads
AND the user clicks the Create New Look Button
THEN a form should appear
AND when then user clicks saveLook
THEN that look should be added on the HOME page
Dev Notes
[ ] create a LookForm component
[ ] import react, authData, lookData, and sass file
In BoardForm Class component
[ ] set empty keys in state (rating, lookImg, steps, products, share)
[ ] make rating, image,steps, products, and share event functions that will grab the values of all keys and put them in state
[ ] create addLookEvent that will contain a variable named newLook and save all value of object keys of look and it's uid
[ ] pass newBoard then push to home (route) or catch errors
[ ] In render: make arbituary inputs are variables, looks to access
[ ] Return form domstring
[ ] export to Home, import in Home component and in return section add LookForm
<LookForm />
Story
AC
WHEN the page loads AND the user clicks the Create New Look Button THEN a form should appear AND when then user clicks saveLook THEN that look should be added on the HOME page
Dev Notes
[ ] create a LookForm component
[ ] import react, authData, lookData, and sass file
In BoardForm Class component
[ ] set empty keys in state (rating, lookImg, steps, products, share)
[ ] make rating, image,steps, products, and share event functions that will grab the values of all keys and put them in state
[ ] create addLookEvent that will contain a variable named newLook and save all value of object keys of look and it's uid
[ ] pass newBoard then push to home (route) or catch errors
[ ] In render: make arbituary inputs are variables, looks to access
[ ] Return form domstring
[ ] export to Home, import in Home component and in return section add LookForm
<LookForm />