Currently, when a user enters the StoryMap, the StoryList in the sidebar is displayed immediately. There is a card on the right side of the screen that pops up and explains a bit about the terrastories app.
Let’s update the UI so that there is no more card and instead, we display an introductory panel in the sidebar before we display the list of Stories.
See below for the design.
note: copy change from this design -- Let's end the explore text at "all over" and not make it specific to the Matawai
We’ll likely need to create a new component which will be rendered into the Sidebar. Then the Sidebar will conditionally display this panel or the list. The condition can be based on some component state which determines whether or not the “Explore” button on this screen has been clicked in this session.
Acceptance Criteria:
When a user goes to view the Story Map, they should see the introductory panel before they see the Stories.
The user should not see the introductory panel after clicking the “Explore” button and should only see Stories.
If the user refreshes the page, the introductory panel will be back.
The card on the right of the screen is fully deleted.
Currently, when a user enters the StoryMap, the StoryList in the sidebar is displayed immediately. There is a card on the right side of the screen that pops up and explains a bit about the terrastories app.
Let’s update the UI so that there is no more card and instead, we display an introductory panel in the sidebar before we display the list of Stories.
See below for the design.
note: copy change from this design -- Let's end the explore text at "all over" and not make it specific to the Matawai
We’ll likely need to create a new component which will be rendered into the Sidebar. Then the Sidebar will conditionally display this panel or the list. The condition can be based on some component state which determines whether or not the “Explore” button on this screen has been clicked in this session.
Acceptance Criteria: When a user goes to view the Story Map, they should see the introductory panel before they see the Stories. The user should not see the introductory panel after clicking the “Explore” button and should only see Stories. If the user refreshes the page, the introductory panel will be back. The card on the right of the screen is fully deleted.
Bonus points: Add Jest tests