ADAPT-779: Added hash navigation to Support page.

[nplowman]

READY FOR REVIEW

• (Edit the above to reflect status)

Summary

• Adds hashes to URL when selecting filters on /areas-to-support/. (This is to allow for better tracking in GTM).

Review By (Date)

• Next 1-3 days.

Criticality

• 5/10. Page is already functioning properly - this just allows for better tracking in GTM.

Review Tasks

Setup tasks and/or behavior to test

1. Go to /areas-to-support on the preview build.
2. Try clicking filter buttons, notice that the hash in the URL updates.
3. Refresh page while having hash in URL. Validate that filters are set as expected on page load.

Front End Validation

• Is the markup using the appropriate semantic tags and passes HTML validation?
• Cross-browser testing has been performed?
• Automated accessibility scans performed?
• Manual accessibility tests performed?
• Design is approved by @ user?

Backend / Functional Validation

Code

• Are the naming conventions following our standards?
• Does the code have sufficient inline comments?
• Is there anything in this code that would be hidden or hard to discover through the UI?
• Are there any code smells?
• Are tests provided? eg (unit, behat, or codeception)

Associated Issues and/or People

• https://stanfordits.atlassian.net/browse/ADAPT-779

[sherakama]

This looks fine to me with the one small change to the import statements.

@yvonnetangsu please have a review.

[yvonnetangsu]

This looks fine to me with the one small change to the import statements.

@yvonnetangsu please have a review.

@sherakama @nplowman This is a fast and clever solution that would allow for GA tracking. I do wonder about the UX side of things - the scroll to position, and also the use of back button doesn't seem to trigger the different filter. I think perhaps we could have the client test it and see if they are ok with the UX (but let them know that it might take more time if they want a less "hacky" solution)?

[nplowman]

@yvonnetangsu @sherakama PR has been updated with support for back button navigation.

[sherakama]

Thank you!