ref(sandbox): Demo Header Update & fix email localstorage

[PixelDust22]

This PR does three things:

• Use URLSearchParams for extra query params
• Use window.open for Get Started button on the demo header, so we retrieve the email field from local storage when you click the button, instead of at page load time. This will not trigger the popup button blocker because it is triggered by an user event.
• Make sure that the docs / request demo / signup pages are opened in a new window.

[github-actions]

size-limit report

Path	Base Size (10381e3)	Current Size	Change
src/sentry/static/sentry/dist/entrypoints/app.js	52.74 KB	52.75 KB	+0.02% 🔺
src/sentry/static/sentry/dist/entrypoints/sentry.css	70.89 KB	70.89 KB	0%

[scefali]

@Neo-Zhixing It would be nice to keep that as a link but doing that would require us to make a HoC that listens for local storage changes and re-renders the child when that happens. Maybe too much work given the level of importance. But I'd still add a comment explaining why we are calling window.open this way

[PixelDust22]

I thought about listening to local storage changes but that requires us to replace localStorage.setItem which is a global change. Will add lots of maintenance overhead.

https://stackoverflow.com/questions/26974084/listen-for-changes-with-localstorage-on-the-same-window

[PixelDust22]

Will add comment.

[evanpurkhiser]

You can do this with a react hook, which I think we already do in some places

[scefali]

@evanpurkhiser and which hook is that?

[scefali]

I also don't know if a hook works here when a different part of the app is updating the local storage. I think this hook only works when you're changing the session storage with the setState that the hook returns in that single component.

[evanpurkhiser]

it would work if you have a state that is updated on localstorage change. You can use the storage event for that.

[scefali]

@evanpurkhiser

Note: This won't work on the same page that is making the changes — it is really a way for other pages on the domain using the storage to sync any changes that are made. Pages on other domains can't access the same storage objects.

[PixelDust22]

https://stackoverflow.com/questions/35865481/storage-event-not-firing

[evanpurkhiser]

ew gross event. Yeah just do what you've got here. Or put it in reflux but 🤷