Alert Provider

[GiessC]

The alert provider will be a component in our web app that provides components with the ability to display alerts to the user.

Our error handling will rely heavily on this component (and already do - more on that later).

Requirements:

• AlertContext using React's useContext hook
• IAlertContext which represents the expected value supplied to the context provider
• AlertProvider, the component containing the current context value (IAlertContext) that renders AlertContext.Provider
• useAlert hook that takes a message and an AlertSeverity ('info' | 'error' | 'warning' | 'success')
• An alert must be displayed for 5 seconds with the given message and color (depending on the severity)
• Forms (and maybe error handlers) will need to be updated to use the useAlert() hook

It is recommended to use Material UI's components for this (they have an Alert component that works perfectly), but anything will work as long as it looks as good or better than MUI's Alert component.

The current forms and maybe other error handlers use the useAlert() hook, but it's declared locally and only logs to developer console. These calls should be replaced with the new useAlert() you are implementing. Most of them will have TODO comments on them, but it's possible some slipped through. Just look for catch (error (I would use Ctrl + Shift + F in VSCode).

[GiessC]

Use the alert-provider branch:

git fetch origin
git checkout alert-provider