Skip to content
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

Add Mobile Filter and Change Mobile Add Resource #516

Merged
merged 7 commits into from
Sep 25, 2024

Conversation

astoppop
Copy link
Contributor

Pull Request

Change Summary

Changed mobile add resource design, along with some changes to make it more consistent with choose resource. Implemented filter for mobile.

Change Reason

Mobile add resource design didn't match Figma. Mobile filter was not implemented.

Related Issue: fixes #511

Attempting to keep consistent with Desktop ChooseResourceType
Added horizontal bar to mobile filter. Reset mobile add resource modal on close.
@astoppop astoppop changed the title Fix mobile UI Add Mobile Filter and Change Mobile Add Resource Aug 10, 2024
Copy link
Contributor

@gcardonag gcardonag left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It seems a few of our tests are failing when applied to some of these changes. I tried digging into the cause of the issues, and here are a few things to address:

  • The test at cypress/e2e/desktop/crowdsourcing.cy.js normally targets an element with data-cy=button-contribute-water element. This code replaced it with an element that has data-cy=button-WATER-data-selector
    • I tried to update the test to replace the test targeting to use the new naming convention, but it fails because the site is rendering two elements with the same value of data-cy=button-WATER-data-selector. This should probably be fixed since there should only be one of these rendering based on whether the site is mobile or desktop.

Copy link
Contributor

@gcardonag gcardonag left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Approving and merging this as I will apply a separate commit to address the issues in my comment

@gcardonag gcardonag merged commit d1c7779 into phlask:develop Sep 25, 2024
1 of 3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

filter menu on mobile
2 participants