So far we have wired up name, we have the helper method and the TablePreview successfully reads from the provider and updates the component.
Now we need to do the same for all the other input fields Title, Company, Email, Phone number, LinkedIn
[ ] New state is created for each of the input fields in the provider (this might cause a ton of code duplication, brainstorm idea on how to avoid this)
[ ] Modify the updateName method such that it can update all the different states, feel free to update the method signature to add any required props. side note: the switch method might come in handy
[ ] Rename the updateName method to updateState since this method will now update all the different states - ensure that other components that were using the previous name are also updated
[ ] Test the method ensure that it works, spot any code duplicity that may be addressed
[ ] Wire up the remaining input fields in App.tsx (there will be code duplicity in the props here as well, brainstorm how to address)
[ ] Wire up TablePreview such that it reads and renders the new states on to the table
ACCEPTANCE CRITERIA
All new input fields appear on the page
InputFields update the TablePreview component
I'm able to copy and paste a signature onto a new email
So far we have wired up
name
, we have the helper method and the TablePreview successfully reads from the provider and updates the component.Now we need to do the same for all the other input fields
Title
,Company
,Email
,Phone number
,LinkedIn
[ ] New state is created for each of the input fields in the provider (this might cause a ton of code duplication, brainstorm idea on how to avoid this)
[ ] Modify the
updateName
method such that it can update all the different states, feel free to update the method signature to add any required props. side note: the switch method might come in handy[ ] Rename the
updateName
method toupdateState
since this method will now update all the different states - ensure that other components that were using the previous name are also updated[ ] Test the method ensure that it works, spot any code duplicity that may be addressed
[ ] Wire up the remaining input fields in
App.tsx
(there will be code duplicity in the props here as well, brainstorm how to address)[ ] Wire up TablePreview such that it reads and renders the new states on to the table
ACCEPTANCE CRITERIA