terrastories icon indicating copy to clipboard operation
terrastories copied to clipboard

Add introductory panel and remove pop up card

Open griseduardo opened this issue 3 years ago • 8 comments

Motivation: Add introductory panel and remove right pop up card

Solution:

  • Create Introductory Panel component
  • Remove Pop Up card
  • Create reusable Button component, to add 'EXPLORE' button
  • Create logic to change Introductory Panel to show stories

Issue: https://github.com/Terrastories/terrastories/issues/675

Opening page: before-click-explore

After button click: after-click-explore

PS: I updated all i18n languages using English

griseduardo avatar Oct 13 '21 00:10 griseduardo

Hi @griseduardo, thanks for taking this one on. We haven't done a code review yet, but I just tested this PR out on the front and it looks really good!

I think there is just one additional change that we should make based on front-end testing: once a user selects an option in the second drop down, the intro panel should automatically disappear and the list of filtered cards revealed.

Otherwise, great work on this!

rudokemper avatar Oct 13 '21 01:10 rudokemper

Hi @griseduardo, thanks for taking this one on. We haven't done a code review yet, but I just tested this PR out on the front and it looks really good!

I think there is just one additional change that we should make based on front-end testing: once a user selects an option in the second drop down, the intro panel should automatically disappear and the list of filtered cards revealed.

Otherwise, great work on this!

Hello @rudokemper , thank you. I updated with the change you presented.

griseduardo avatar Oct 13 '21 03:10 griseduardo

Awesome! Looks great. One final thing I just noticed is that we may want to adapt to the mobile view. Would it be easy and possible to hide this panel for mobile, for the time being? (Mobile UI is due for a redesign, where we'll consider how to incorporate this panel differently.)

rudokemper avatar Oct 13 '21 03:10 rudokemper

Also, sorry I didn't catch your question about i18n on the other thread. I think what you did was fine; we have to do some i18n updates to a number of the other languages anyway.

rudokemper avatar Oct 13 '21 03:10 rudokemper

Awesome! Looks great. One final thing I just noticed is that we may want to adapt to the mobile view. Would it be easy and possible to hide this panel for mobile, for the time being? (Mobile UI is due for a redesign, where we'll consider how to incorporate this panel differently.)

One question, do you want to hide the introductory panel and return the stories when in mobile? (like it was before my changes)

griseduardo avatar Oct 13 '21 21:10 griseduardo

Yeah, for the time being let's do that for Mobile. Since we have to do a redesign of the Mobile UI anyway.

If you ended up doing some custom code for mobile specifically, please just comment that out so we can use it later.

rudokemper avatar Oct 13 '21 21:10 rudokemper

Yeah, for the time being let's do that for Mobile. Since we have to do a redesign of the Mobile UI anyway.

If you ended up doing some custom code for mobile specifically, please just comment that out so we can use it later.

Ok, I updated to show the stories when in mobile device

griseduardo avatar Oct 13 '21 22:10 griseduardo

Thanks so much @griseduardo, I appreciate you iterating on this.

@lauramosher @FeminismIsAwesome mind doing a code review on this one?

rudokemper avatar Oct 13 '21 22:10 rudokemper