Add notifications for new changes

[Tehsurfer]

New changes notifications

https://www.wrike.com/open.htm?id=984382010

The ticket above is to create a plan for notifying users of changes that impact their workflow, like changes to faceted browse and search.

I can think of two decent methods of doing this which I will outline below:

1. Vue notification messages that link to docs explaining the latest changes

This is a simple solution that Dominic recommended.

The following will need to be implemented to achieve this:

Content

I think the logical place to draw this conent from is contentful.

Alternative options could be setting this text in the codebase or pulling it from the change release docs. But I think we have a clear winner

Adding html (or at least links) to the success messages

This appears to be as simple as adding a parameter dangerouslyUseHTMLString: true,

(**Note I don't see much issue with dangerous html if contentful creators from sparc are making it. But I think it would be wise to run the html through DOMPurify before display to err on the side of caution)

Nuxt link might not be able to be used, but it seems fine to generate the full url for this case

localStorage

Users probably don't want to see this every time they visit the page,

So we could either:

• show it X times and store this in the browser's local storage
• log the click of the 'close' option and not show on this.

This would likely need to be done by page and reset on each change of the contentful field (or inferiorly, code changes to sprac.science)

2. "What's New?" Hover popup

This is what gets used on the /maps page.

I think it could work well, it has the advantage that the changed content is very relevant and optional to be pulled up by the user.

The major issue I can see happening though is trying to fit those on potentially multiple locations of multiple pages would be a design nightmare.

Still interesting to consider.