feat: enable user to share a link to the map that will open a drawer at a specific area id

[clintonlunn]

---

name: Pull request
about: Create a pull request
title: ''
labels: ''
assignees: ''

---

What type of PR is this?(check all applicable)

• refactor
• feature
• bug fix
• documentation
• optimization
• other

Description

Previously we did not have a way to share a specific area id in the map view. This PR adds whichever area is currently active in the drawer into the the url. This enables the user to either click share on the url, or click a share button in the drawer which accomplishes the same thing.

Related Issues

Issue #1209

What this PR achieves

Screenshots, recordings

Notes

In the future, I'd like to extend this to also the climb id, where the page will open with the relevant area drawer open, and the climb highlighted.

[clintonlunn]

@vnugent i think this PR is about complete. I made sure I am up to date with develop. This required some refactoring of existing camera params, which i've combined into a single useUrlParams in order to deal with the url in a single place. In addition, I've removed the debouncing that was happening for the camera movement, and instead change the url onMoveEnd, which I think gives us more expected behavior.

[vnugent]

I made some inline comments. It's great that you refactor the hooks to its own file. Not high priority (if you can do it in follow up PR) is to clear areaId when the user clicks elsewhere on the map (currently we close the drawer, clearing the current selected area). I think this behavior is consistent with other popular maps.