Skip to content

This issue was moved to a discussion.

You can continue the conversation there. Go to discussion →

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[React] Create an introductory panel before displaying the StoryList in Map view #675

Closed
4 tasks
rudokemper opened this issue Oct 6, 2021 · 4 comments · May be fixed by #692
Closed
4 tasks

[React] Create an introductory panel before displaying the StoryList in Map view #675

rudokemper opened this issue Oct 6, 2021 · 4 comments · May be fixed by #692
Assignees
Labels
Hacktoberfest Hacktoberfest 2023 react

Comments

@rudokemper
Copy link
Member

Currently, when a user enters the Map, 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.
Screen Shot 2020-09-03 at 5 46 06 PM

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

@griseduardo
Copy link

Hello, I would like to take on this issue.

@rudokemper
Copy link
Member Author

Welcome @griseduardo! I will assign you. Please let us know if you have any questions :)

@griseduardo
Copy link

Hello, just one question about the text.
I updated the i18n en with introductional panel new texts, however the other languages I don't know what to write.
What do I add in other i18n languages?

@lauramosher
Copy link
Contributor

@griseduardo English is fine to fill in for languages you don't know.

@rudokemper rudokemper linked a pull request Oct 13, 2021 that will close this issue
@Terrastories Terrastories locked and limited conversation to collaborators Apr 12, 2022
@rudokemper rudokemper converted this issue into discussion #762 Apr 12, 2022

This issue was moved to a discussion.

You can continue the conversation there. Go to discussion →

Labels
Hacktoberfest Hacktoberfest 2023 react
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants