Alerts

Library: https://github.com/fkhadra/react-toastify

Version: 5.4.0

Code: https://github.com/benetech/MathShare/blob/development/src/scripts/alert.js

Customization done to alerts:

1. Focus on alert heading

Login and Sign Up alerts are currently being focused after being displayed

2. Focus Trap

A custom focus trap has been added using attribute data-trap-focus to to the alerts by default to prevent focus from moving away till the alert is displayed. Ref - https://github.com/benetech/MathShare/blob/a8f4ca91d5bca682375c5a71cdd4d58788fa07c4/src/services/events.js#L21