As a user when I click to select on an emoji on the Home page it will direct me to the New Entry Page. The Navbar will be visible with the brand in the middle, a home button on the left and a logout button to the right of the navbar. The new entry page should show the selected emoji and next to that it should have a text entry field where comments can be added to the days journal entry. Below that it will be a submit button for submitting the journal entry with comments.
AC
WHEN I click/select an emoji
THEN the Single Entry Page will show
AND it should show the Navbar at the top with the Brand Logo in the middle, a home button on the left and a logout button on the right.
AND it should show the currently selected emoji.
AND it should have a text field for adding comments.
AND it should have a save button to save journal entry.
Dev Notes
In the components folder create a newEntryView folder that will have a newEntryView.js file and newEntryView.scss file.
Create a div that includes:
<h1> using jQuery datePicker to generate the current date.
In the componentDidMount() create a variable that uses this.props.match.params.statusId to pull the selected emoji status to use for creating the journal entry and also use it in the render to show the current selected emoji.
create a div to the left for the emoji status image and div to the right for the text field.
add a submit button that calls a function saveEntry
User Story
As a user when I click to select on an emoji on the
Home page
it will direct me to theNew Entry Page
. The Navbar will be visible with the brand in the middle, a home button on the left and a logout button to the right of the navbar. The new entry page should show the selected emoji and next to that it should have a text entry field where comments can be added to the days journal entry. Below that it will be a submit button for submitting the journal entry with comments.AC
WHEN I click/select an emoji THEN the Single Entry Page will show AND it should show the Navbar at the top with the Brand Logo in the middle, a home button on the left and a logout button on the right. AND it should show the currently selected emoji. AND it should have a text field for adding comments. AND it should have a save button to save journal entry.
Dev Notes
In the components folder create a newEntryView folder that will have a newEntryView.js file and newEntryView.scss file. Create a div that includes:
<h1>
using jQuery datePicker to generate the current date.componentDidMount()
create a variable that usesthis.props.match.params.statusId
to pull the selected emoji status to use for creating the journal entry and also use it in the render to show the current selected emoji.saveEntry